Table Only Partially DataTableizing

cjbarth

I have a set of nested tables (tables were used for layout, not my decision) and one of them holds actual tabular data that I want to apply DataTables to. I made sure my table had a header and then added in the appropriate js files and called the dataTable routine on document.ready(). Everything works great, except the CSS and row limiter isn't applied until I actually sort a column or change the row limiter. I have specified no options and haven't been getting JavaScript errors in FireBug.

To recap: The dropdown box for setting the number of rows appears, the little arrows for showing up-down sorting appear, the search box appears, the footer with next and previous page appears, the columns sort, but the CSS row coloring and actually setting the rows to 10 doesn't work until I interact with the table in some way. I'm using the default CSS file that came in the ZIP. I've made no changes to any default anywhere. Here is my debug code: ajelem

How do I get my table to appear with the row coloring and pagination actually working on first load instead of after interacting with the table?

cjbarth

I've found that the error I'm getting is in line 3615: TypeError: nThs[i-iCorrector] is undefined

What would be causing this error? I am getting this error with jQuery 1.7.1 and 1.8.0.

cjbarth

After upgrading to a new version of DataTables (1.9.3) and jQuery (1.8.0) I've generated a new debug bookmark. It is oforug

cjbarth

I found this case my be related:
http://datatables.net/forums/discussion/8984/headers-refuse-colspan-attribute/p1

I too have a column header that spans two columns, but no cells in the body with row span or column span. So, according to the documentation, this should work.

cjbarth

Ok, it turns out that even the headers can't span two columns. Problem fixed.

datzori

I've notice that the error appair if the number of first block of record is 0.

If the first block is populated the system will work...