Filter is over the header not above

leslie

Hi Guys,

What could be wrong if the filter input field is over the table header (over the header of the last column) instead of above?
Sometimes the field is above, but in most cases it is over the header. The code is the same, just the id of the html element is different.
Both in FireFox and IE.

Here is the code used in the ready function to initialize the datatable:

$('#statuszTabla').dataTable( {
"bPaginate": true,
"bLengthChange": false,
"bFilter": true,
"bSort": true,
"bInfo": false,
"bAutoWidth": false,
"iDisplayLength": 10,
"bStateSave": true,
"sCookiePrefix": "jir_StatuszTabla",
"sPaginationType": "full_numbers"
} );

Any help appreciated.

snarf2larf

I'm not sure what could be causing this but you can look into altering the sDom option for positioning of the fields you want:

http://datatables.net/usage/options#sDom

leslie

Thanks for the idea snarf2larf, maybe I will check it. Although checking the html of the page seems correct, there is the div tag for the filter and then there is the table tag...

Another problem is that when I change the sorting of the table by clicking on one of the header cells, sometimes the sorting is incorrect and the shading of the rows is mixed (not light-dark-light-dark...).

Is it possible that it is in connection of the use of the bStateSave = true? Somewher I've read that somebody had problems when this property was true...

leslie

OMG, I think I need something to my memory... I asked this at January and got the answer...

"I suspect you might just need to add 'table { clear: both; }' to your CSS."

and this worked then...