Jquery DataTables Removes last row when table has complex header and Scroll Y enabled

reeehman

Hi Allan,

I'm using Jquery DataTables 1.10.18. I'm converting an existing HTML table to Datatable. My table has complex header. For complex header to work in Jquery DataTables, I have added another empty row in my table header and made that to be a hidden row with bootstrap class of "d-none".

Now when I initialize my datatable, the last row is always removed by Jquery Datatable. This happens only If number of rows is greater than 10.

I have the test case linked in the below stackoverflow post:

StackOverflow post with test case linked

Please assist.

Thanks,
Abdul

reeehman

Hey Allan,

Figured out the issue. @MyTwoCents from stackoverflow pointed out that this is related to paging that default paging value is 10 in DataTables and I added paging: false to the DataTable Initialization and that works fine and fixed the issue. This can be closed now.

Thanks,
Abdul