Search

empty table with regular thead, containing a column named

I was having this same issue. I fixed it by adding the following css. .dataTables_scrollBody thead {visibility: hidden;} {visibility: collapse;} also seems to work. Here is a link to your fiddle with the above css applied. http://jsfiddle.net/c8dqaz1s/

var api = this.api(); $('#LoM1 thead tr#forFilters th').each(function(i) { if (i

the following lines: table.dataTable thead .sorting { /background: url('../plugins/dataTables-images/sort_both.png') no-repeat

div.dataTables_scrollBody thead th, div.dataTables_scrollBody thead td { line-height: 0; opacity:0.0; width: 0px; height:0px;

It's only fail at the start, if I click in the header to sort, the header width is correct

a click handler to thead: [code] $("#tableDiv").find('thead').click(function() { console.log("sorted"); }); [/code]

http://datatables.net/upgrade/1.8 - you can use the bSortCellsTop option to apply the sort listener to the top cells in a column. Allan

Hmmm, weird. It breaks when IE9 is set in compatability mode. But it works in straight IE9 mode. Click the compatibility mode button in IE9 and you'll see the example will no longer sort.

there's an initialization variable called bSortCellsTop (http://www.datatables.net/ref) that tells DataTables to use the top TH row as the row to sort when clicked. Try that and see if that helps.