I have a JS JQuery DataTable, it is really long. Normally if you have a long table, you can set DataTable to be scrollable. However in my case, the layout is such that I need the page to be scrollable and the table to be not scrollable (ie, completely displayed). The problem in this case then is that I can’t get the header to scroll with the webpage. I was thinking if there is a way to detach the header from the table, I can put it somewhere static, is this possible?
Share
I implemented the FixedHeader add-on and modified it such that it also fix the control bar. Thanks to ManseUK and Nico Hämäläinen for the tips.