Fixed columns with column level filtering in second header row

sriram139

Hi Allan,

Just want to know if you have tried out Fixed columns plugin with multiple header rows.
I am trying to fix first two columns, and my table have input text fields in the second row of the header.
When it renders, it is giving some issues:
1) There is additional cloned header for two columns over the original header row, but first cloned column header is not visible.
2) One more unexpected thing is that the second header row with text fields is also cloned and it is visibly fixed when horizontally scrolled.

Please suggest how to get rid of the above issues to make first 2 columns fixed.

The table looks as below:




Col1
Col2
Col3


 








And initialization as follows:
myTable= $("#mytable").dataTable(
{
"sScrollX" : "100%",
"sScrollY" : 1,
"bAutoWidth" : true,
"bProcessing" : true,
"bJQueryUI" : true,
"bPaginate" : false,
"bSortClasses" : false,
"bRetrieve" : true,
"aoColumns" : [ {
"bSortable" : false,
"bSearchable" : false
},
null, null, null, null,
null, null, null, null,
null, null, null, null,
null,null,null],
"aaSorting" : [],
"oLanguage":
{
"sZeroRecords": "No records to display",
"sInfo": "Count: _TOTAL_ ",
"sInfoEmpty": "Count: 0 ",
"sInfoFiltered": "of total _MAX_ ",
"sInfoPostFix": "records"
}
});
new FixedColumns( myTable, {
"columns": 2
});

Regards,
Sriram