Incorrect twitter bootstrap table headers

Tags: #<Tag:0x00007efc6b93ea18>

According to this section in the docs it should be possible to use twitter-bootstrap and handsontable.

However, when I try to do so, the header columns are somewhat duplicated, see this fiddle.

Any suggestions on how to fix this issue?

Thanks,
Bodo

Hey @bodo.rene.kaiser

I see that the example does not load in our docs (http/https conflict) here’s an updated example https://jsfiddle.net/o97dqnx5/1/

In your example you were missing the css file for Handsontable - https://jsfiddle.net/9mtky1Lw/

Hi @aleksandra_budnik,

thank you for your example!

It appears to me that in your example the table does not look much different from the default handsontable styling.

What I would have expected would be this styling.

Handsontable overwrites a lot of styles even when you change the order of scripts. We use (not so great) important! for some of styles so even if the table loads the data while Bootstrap is implemented you won’t get the exact table as the one in the link.