display: table-header-group

display: table-header-group

karmendrakarmendra Posts: 20Questions: 7Answers: 0

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

Answers

  • kthorngrenkthorngren Posts: 20,143Questions: 26Answers: 4,736

    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

  • allanallan Posts: 61,446Questions: 1Answers: 10,054 Site admin

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

    Allan

  • karmendrakarmendra Posts: 20Questions: 7Answers: 0
    edited July 2022

    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.

  • allanallan Posts: 61,446Questions: 1Answers: 10,054 Site admin

    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

Sign In or Register to comment.