Footer renders in two places

Footer renders in two places

STScI WASABI TeamSTScI WASABI Team Posts: 6Questions: 3Answers: 0

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: 16,400Questions: 25Answers: 3,891

    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.