Footer renders in two places

STScI WASABI Team

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?

kthorngren

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