display: table-header-group

karmendra

Till now I have used tfoot: {display: table-header-group}
and it worked all fine for many years, table footer was displaying before body,
but today when I did rerun my webpack, table footer is not shown before body anymore.

https://datatables.net/forums/discussion/41960/best-way-to-place-footer-filter-bellow-header

Please suggest what has changed and how do I move my footer row before body now.

Thanks
K

kthorngren

Please suggest what has changed and how do I move my footer row before body now.

We would need to see the problem to help diagnose. Please post a link to your page or a test case replicating the issue.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

However if you want a second header then my suggestion is to create a second header instead of moving the footer, like this:
http://live.datatables.net/giharaka/1/edit

Use orderCellsTop to define where the sorting events should be applied.

Kevin

allan

Also, using table-header-group works fine for me: http://live.datatables.net/tulimeja/1/edit . Firefox 101.

Allan

karmendra

Thanks for your responses, I tried this in isolation, and its working as expected, but in my project it isn't behaving as expected, and all this after I did npm install after removing the node_modules folder.

Could it be because of npm getting a version of datatable that isn't compatible. All that said why the simple inline css update in inspector also not reflecting the change.

allan

I'd need a link to a page showing the issue to be able to say why it isn't working. As you note, it works in isolation, so there is something else at play.

Allan