ScrollY shrinks my thead to 100px

rogerchin85

Using scrollY, my thead shrinks to 100px each. However, when I click on them to sort, they expand back to normal.

https://imgur.com/a/r3qBl

allan

Very likely you are initialising the table while it is hidden. You need to call columns.adjust() when you make it visible. See this example.

Allan

rogerchin85

Ah yes, my tables are hidden when I initialized it. Thank you.

rogerchin85

Ran into another problem.

I have a column for expanding row child. I set that column's orderable to false, but when I initialize my table, I can still see the arrows to sort the column. They aren't functional though. When I resort my table using the other column, the arrow for first column disappears and the width of it shrunk, resulting in misalignment of all my column. When I click to sort again, it aligns to normal.

Not a huge issue but if anyone reads this and have a solution, please share.

allan

You need to also set the order option to something other than the default of ordering the first column.

Allan