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

Table doesn't fill width of parent container #13

Description

@donnapep

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions