When I click on a column to sort, pagination breaks, and column widths adjust (too wide).

TNTllc

Initialization of the page works great, but when I click on a column header to sort by that column, the pagination breaks and it simply shows all 4000 rows in the data table.

Here's a sample: http://www.tntllc.net/nutrition/index.cfm

tangerine

I don't know if this is the problem, but - why are you using tablesorter js? You also include a lot of other js files which don't seem to be relevant to that page.

allan

Yup - tablesorter and DataTables on the same table doesn't really make any sense. And yes - it is breaking things.

Allan

TNTllc

I'm not sure I understand what you're referring to, and I'll be the first to admit that I'm a real rookie at this stuff. I purchased a 'theme' called Cupcake admin from ThemeForest that had some standard include files. That's what I'm using as a template. It looks like they 'include' everything in the theme, just in case you want to use it? Any specific suggestions on how I might use one or the other and not both?

allan

Look through your JS files for TableSorter - it must be initialised on the table somewhere / somehow. Disable it and hopefully things will start to work as expected.

Allan

TNTllc

Thank you! I got it fixed, I trimmed all the includes back and that removed the conflict. Thanks for the heads up with the conflict when you include both tablesorter and datatables.

Here's the fixed site: http://www.tntllc.net/nutrition/index.cfm