question-mark
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.

Example with colspan & rowspan

See original GitHub issue

Hello,

I’ve followed the example you provide : column-header-span-complex.js

I would like to add a width to the last TableHeaderColumn. The result is good but I have an error : Uncaught TypeError: Cannot read property 'style' of undefined at eval (BootstrapTable.js:1222)

Do you know why ?

Thank you

<BootstrapTable data={ this.state.stats2 }>
                <TableHeaderColumn row='0' rowSpan='2' dataField='id' isKey={ true } >ID</TableHeaderColumn>
                <TableHeaderColumn row='0' colSpan='3' dataSort csvHeader='Product' headerAlign='right'>Product</TableHeaderColumn>
                <TableHeaderColumn row='1' dataField='name' width='175' dataAlign='center'>name</TableHeaderColumn>
                <TableHeaderColumn row='1' dataField='price' width='70' dataSort>price</TableHeaderColumn>
                <TableHeaderColumn row='1' dataField='coupon' width='70'>Coupon</TableHeaderColumn>
                <TableHeaderColumn row='0' csvHeader='In stock' rowSpan='2' dataField='status'>In stock</TableHeaderColumn>
                <TableHeaderColumn row='0' colSpan='2' csvHeader='Customer' filter={ { type: 'TextFilter', delay: 1000 } }>Customer</TableHeaderColumn>
                <TableHeaderColumn row='1' csvHeader='name' dataField='customer'>name</TableHeaderColumn>
                <TableHeaderColumn row='1' csvHeader='order' width='70' dataField='order' dataSort>order</TableHeaderColumn>
              </BootstrapTable>

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:11 (5 by maintainers)

github_iconTop GitHub Comments

1reaction
josselinhcommented, Jan 17, 2017

Aha, you’re gonna laugh … or not I had forgotten to import the CSS 😕 Sorry to have wasted your time

1reaction
josselinhcommented, Jan 16, 2017

55.0.2883.87 m

Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML Table Colspan & Rowspan - W3Schools
HTML tables can have cells that span over multiple rows and/or columns. NAME ...
Read more >
Table Rowspan And Colspan In HTML Explained (With ...
Table Rowspan And Colspan In HTML Explained (With Examples) ... Both colspan= and rowspan= are attributes of the two table-cell elements, <th> and...
Read more >
What are table rowspan and colspan in HTML? - Tutorialspoint
The rowspan and colspan are the attributes of <td> tag. These are used to specify the number of rows or columns a cell...
Read more >
Colspan & Rowspan - The complete HTML5 tutorial
Colspan & Rowspan. The way the HTML markup is structured means that you in some rows can have four cells, some three cells,...
Read more >
Table Colspan and Rowspan in HTML - Dot Net Tutorials
The table Colspan allows a single table cell to span the width of multiple cells or columns. Rowspan allows a single table cell...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found