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.

Table structure breaks with column visibility control enabled and multirow headers

See original GitHub issue

Table structure breaks using the data-show-columns="true" attribute on a table equipped with a multirow header. Try hiding a column in the following example: https://live.bootstrap-table.com/code/wenzhixin/1409

It appears the cell in any header row above the lowest row aren’t hidden.

SO question + more examples here: https://stackoverflow.com/questions/44104377/bootstrap-table-table-structure-breaks-when-hiding-colspan-columns

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:11 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
wenzhixincommented, Jul 13, 2020

@UtechtDustin Solve the complex header problem what @mkyral said.

1reaction
dskilkencommented, Apr 4, 2018

If this is fixed in a future release, please make sure to test it with other extensions - thanks

Read more comments on GitHub >

github_iconTop Results From Across the Web

bootstrap-table: table structure breaks when hiding colspan ...
I'm trying to enable column visibility control on my html table using the bootstrap-table plugin. I'm running into issues when I use a ......
Read more >
Tables with Irregular Headers | Web Accessibility Initiative (WAI)
This page covers tables with header cells that span multiple columns and/or rows. Several elements and attributes can be used to define the...
Read more >
How to use Complex header in column visibility ( Toggle ...
I would like to use column visibility toggle buttons for few columns. I used complex header and each header have same named sub...
Read more >
Examples | Tabulator
By setting the headerVisible option to false you can hide the column headers and present the table as a simple list if needed....
Read more >
Table | Quasar Framework
The QTable Vue component allows you to display data in a tabular manner and it's ... Tries to shrink header column width size;...
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