Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

table header columns and body columns aren't aligning properly to each other

See original GitHub issue

I am facing this weird issue, when I load table data as mentioned columns are not in line with each other basically my th style is text-align: left; width: 0px; max-width: 0px; which is not aligning with tr’s in tbody when I resize window it aligns properly! now my th style is like this text-align: left; width: 212px; max-width: 212px; I am not giving any overriding css.please someone help me out.

Issue Analytics

State:
Created 7 years ago
Comments:23 (10 by maintainers)

Top GitHub Comments

1reaction

sadakmedcommented, Jun 26, 2020

use width and assign to it (100/ the number of column)%

exampli gratia, i have 5 columns:

<BootstrapTable version='4' data={ jobs } cellEdit={ cellEditProp } insertRow={ true }>
          <TableHeaderColumn dataField='id' width='20%' isKey={ true }>Job ID</TableHeaderColumn>
          <TableHeaderColumn dataField='status' width='20%' >Job Status</TableHeaderColumn>
          <TableHeaderColumn dataField='name' width='20%' >Job Name</TableHeaderColumn>
          <TableHeaderColumn dataField='type' width='20%' >Job Type</TableHeaderColumn>
          <TableHeaderColumn dataField='active' width='20%' >Active</TableHeaderColumn>
      </BootstrapTable>

0reactions

PavanKumarRaocommented, Jun 18, 2019

@AllenFang Im facing the same issue.Please revert back