<div>
See the docs located <a href="https://datatables.net/examples/advanced_init/footer_callback.html" rel="ugc">here</a>:<br />
<br />
Basically, you have to use a footer callback function. &nbsp;Let me know if you have any questions.
</div>


See the docs located here [https://datatables.net/examples/advanced_init/footer_callback.html]:

Basically, you have to use a footer callback function.  Let me know if you have any questions.

<div>
I was in the process of copying and pasting the code sources, but then I decided to simply link to the site. &nbsp;lol &nbsp;Once I posted it, I saw your solution and had to do a face palm.
</div>


I was in the process of copying and pasting the code sources, but then I decided to simply link to the site.  lol  Once I posted it, I saw your solution and had to do a face palm.

<div>
Thanks Scott. Works perfectly!
</div>


<div>
<div class="content wysiwyg-content">
I'm using the JQuery DataTables library and would like to add a total row to the footer of the table. The totals displayed in the row should update each time a filter is applied (number of rows to display or using the search filter). Does anyone have an example of how this can be done? Thanks
</div>
</div>


I'm using the JQuery DataTables library and would like to add a total row to the footer of the table. The totals displayed in the row should update each time a filter is applied (number of rows to display or using the search filter). Does anyone have an example of how this can be done? Thanks

Add totals row to JQuery DataTables

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.