jQuery DataTables Column Totals that Update with Filtering

Published on 6/24/2018 by Justin Williamson


I love jQuery DataTables . If you're not familiar with this library, it's basically tables on steroids. I use it often just for it's built-in sorting, filtering, download buttons and nice api. It's always a real quick way to get fully-functional tables on the page.

Recently, I had a client request to add footer totals to the bottom of each table. Whoa, I thought, Wouldn't it be nice if they updated when you searched?.

Yeah, I mean, wouldn't it suck if they didn't?

You might also enjoy...

Fabric.js 2.0 breakWords Implementation

Bootstrap 4 Tab Persistence

Let's Build a Website Uptime Bot with Google Apps Script