Fixed header and footer along with column filter plugin
Fixed header and footer along with column filter plugin
I have initiated the datatable like below. I need only scrolling y axis and the footer below scrollpane.
[code]$(document).ready(function(){
var oTable = $('#table1').dataTable({
"bFilter": false,
"sScrollY": "200px",
"bPaginate": false
} ).columnFilter({aoColumns: [ null,{ type: "text"},{ type: "select", values: [ 'Power on Server'] },
{ type: "select", values: [ 'Complete','Failed','Incomplete'] },
{ type: "text"},{ type: "text" },{ type: "text" }
]
});
new FixedHeader( oTable, { "bottom": true } );
$("#table1.dataTables_scrollFootInner tfoot th");
});[/code]
I'm getting the first row of table larger.Also the footer is coming down with all the filter columns inside the scroll. Also i would like to remove Showing 1 to 5 of 5 entries showing at the bottom of table.Please help me to resolve this.
[code]$(document).ready(function(){
var oTable = $('#table1').dataTable({
"bFilter": false,
"sScrollY": "200px",
"bPaginate": false
} ).columnFilter({aoColumns: [ null,{ type: "text"},{ type: "select", values: [ 'Power on Server'] },
{ type: "select", values: [ 'Complete','Failed','Incomplete'] },
{ type: "text"},{ type: "text" },{ type: "text" }
]
});
new FixedHeader( oTable, { "bottom": true } );
$("#table1.dataTables_scrollFootInner tfoot th");
});[/code]
I'm getting the first row of table larger.Also the footer is coming down with all the filter columns inside the scroll. Also i would like to remove Showing 1 to 5 of 5 entries showing at the bottom of table.Please help me to resolve this.
This discussion has been closed.