Missing Data values when adding static headers on multiple rows.
See original GitHub issue@AllenFang Hello Allen, (Thanks for the awesome library.) The below screenshot is my output of table with related data that shows up correctly when I removed the extra TableHeaders i used as static rows… But i want my table to look like the 2nd image.
Once i add the extra table headers to generate the a/b/c/d headers, the data doesn’t display. I want the empty rows to appear after the a/b/c/d text cells. Not sure how i should go about resolving this issue. The sample data i used just contained numbers to print thats all. Any help would be greatly appreciated. Thanks for your time.
I have attached my code snippet. ` <BootstrapTable data={testData} version={‘4’} striped={true} hover={true} > <TableHeaderColumn row='0' rowSpan='3' colSpan='6' headerAlign='center'>Test Table</TableHeaderColumn>
<TableHeaderColumn row='0' colSpan='20' headerAlign='center' thStyle={ { background: 'Gainsboro' } }> 1</TableHeaderColumn>
<TableHeaderColumn row='0' colSpan='20' headerAlign='center' >2</TableHeaderColumn>
<TableHeaderColumn row='1' colSpan='10' headerAlign='center' dataField='check' > 1</TableHeaderColumn>
<TableHeaderColumn row='1' colSpan='10' headerAlign='center'> 2</TableHeaderColumn>
<TableHeaderColumn row='1' colSpan='10' headerAlign='center'> 3</TableHeaderColumn>
<TableHeaderColumn row='1' colSpan='10' headerAlign='center'> 4</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center' >11/1</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/2</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center' dataField='id' isKey={ true } dataAlign='center'>11/3</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/4</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/5</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/6</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/7</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/8</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/9</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/10</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/11</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/12</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/13</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/14</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/15</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/16</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/17</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/18</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/19</TableHeaderColumn>
<TableHeaderColumn row='2' colSpan='2' headerAlign='center'>11/20</TableHeaderColumn>
<TableHeaderColumn row='3' colSpan='3' headerAlign='center'>A</TableHeaderColumn>
<TableHeaderColumn row='3' colSpan='3' headerAlign='center'>B</TableHeaderColumn>
<TableHeaderColumn row='4' colSpan='3' headerAlign='center'>c</TableHeaderColumn>
<TableHeaderColumn row='4' colSpan='3' headerAlign='center'>d</TableHeaderColumn>
</BootstrapTable>`
Issue Analytics
- State:
- Created 6 years ago
- Comments:7 (3 by maintainers)
Top GitHub Comments
@AllenFang Does the table support colspan now? Like to have a row that spans across 4 columns?
oh~ sorry that I miss understand your question lol About your requirement,
react-bootstrap-table2
not support yet, currently we only support span on header. Butreact-bootstrap-table2
will support it as well, but need some time 😃