Skip to content
This repository has been archived by the owner on Nov 27, 2018. It is now read-only.

Table doesn't fill width of parent container #13

Open
donnapep opened this issue Jun 22, 2016 · 3 comments
Open

Table doesn't fill width of parent container #13

donnapep opened this issue Jun 22, 2016 · 3 comments

Comments

@donnapep
Copy link

donnapep commented Jun 22, 2016

I'm using ResponsiveFixedDataTable to show data in a table and have also added borders to it. After adding the borders, it's apparent that the width of the table does not equal the width of the parent container. I'm initializing the component as follows:

<ResponsiveFixedDataTable
        rowHeight={this.props.rowHeight}
        rowsCount={this.props.data.length}
        rowClassNameGetter={this.getRowClassName}
        width={this.props.width}
        height={this.props.height}
        headerHeight={0}
        overflowY="hidden">
        {cols}
</ResponsiveFixedDataTable>

where this.props.width is 800.

However, when inspecting the DOM I see that the width of fixedDataTableLayout_main is 785px, which manifests itself by showing a 15px gap between the edge of the last column's border and the edge of the table.

Here's an example of the issue.

@vaiRk
Copy link
Owner

vaiRk commented Aug 9, 2016

Hey,

Sorry I missed this. Is not having in consideration border width when taking dimensions. I'll take a look tomorrow :)

@donnapep
Copy link
Author

@vaiRk Hey, no problem. Did you get the chance to look into the issue? Let me know if I can help. Thx.

@donnapep
Copy link
Author

donnapep commented Oct 6, 2016

Hey @vaiRk. Any update on this? If you think you know where the problem may lie, I'd be willing to make an attempt at fixing it. Cheers.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants