DataTables with Knockout.js

bsulliva

I'm using DataTables 1.9.4 with Knockout.js as my DOM data source. I'm using knockout.js to loop through and create the table rows, which works fine. I added a filter function to my knockout.js view model, and when I filter the knockout.js view model, the DataTables total row count doesn't get updated. So if I have 15 rows to start, then I apply my filter, I only have 5 rows, it still says, "Showing 1 to 5 of 15 entries." How do I update the row count to show "Showing 1 to 5 of 5 entries" with a DOM data source?

bsulliva

I've created a jsfiddle for this: http://jsfiddle.net/bsulliva/6gf2ypL3/24/

Notice that if you click the "Add Row" button, the "Showing 1 to 5 of 5 entries" doesn't get updated to "Showing 1 to 6 of 6 entries"

bsulliva

Ok, I have this figured out for anyone who is interested. There is probably a better or easier way to handle it, but this is what I came up with.

http://jsfiddle.net/bsulliva/huzoLtuk/9/