DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

Footer renders in two places

Footer renders in two places

STScI WASABI TeamSTScI WASABI Team Posts: 6Questions: 3Answers: 0
in DataTables 1.10

Link to test case: https://jsfiddle.net/baznLh1e/2/
Description of problem:
Using the footerCallback to render a column summation in the tfoot element, the footer appears both in the actual table footer (where table info, buttons, and list size are) and in the table itself under the rows. How do I stop the latter from happening?

Answers

  • kthorngrenkthorngren Posts: 20,269Questions: 26Answers: 4,765

    Add th to the tfoot. Then use a selector to find the th to update the HTML. For example:
    https://jsfiddle.net/u094cbj5/

    I also added style="width: 100%" to have the table properly fill the container.

    See the footerCallback examples for other selector options.

    Kevin

Sign In or Register to comment.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.