Misaligned header

beachcm65

My table was working well until I implemented vertical tabs - now the header row is misaligned. I tried editing scroll options but can't get it to work. Any pointers would be appreciated.

https://re.templeton.org/re/tabs2.html#a (click on the "Authors" tab)

allan

See this example for an explanation of why that happens and how to address it (that example is specifically for Bootstrap tabs, whatever tab library you are using (or your own if its custom) will have a different way of letting you know that the visible tab has changed, but the principle still stands.

Allan

beachcm65

Thanks Allan. This is exactly what I needed.

Note that for anyone else looking at this I needed to find a vertical tab solution that used javascript, then I just included this line of text on the display of the tab.

$.fn.dataTable
    .tables( { visible: true, api: true } )
    .columns.adjust();