Datatables + sScrollY messes up column header width
Datatables + sScrollY messes up column header width
I have a datatable that uses sScrollY for vertical scrolling in jquery tree structure. When the page initially loads, the column header width doesn't match with body width. However, when you sort the column, the width match up.
Here is the datatable code.
[code]
oTable = $('#Customers').dataTable(
{
"bJQueryUI": true,
"iDisplayLength": 10,
"bInfo": false,
"bAutoWidth":false,
"bFilter": false,
"bPaginate": false,
"sScrollY": "325px",
"bScrollCollapse": true,
"bLengthChange": false,
"aaSorting": [[ 0, "asc" ]],
"aoColumns": [
{ "sType": 'numeric' },
{ "sType": 'html' },
]
});
[/code]
Tried few things, fnAdjustcolumnsizing and css, but doesn't seem to work. Any ideas?
Here is the datatable code.
[code]
oTable = $('#Customers').dataTable(
{
"bJQueryUI": true,
"iDisplayLength": 10,
"bInfo": false,
"bAutoWidth":false,
"bFilter": false,
"bPaginate": false,
"sScrollY": "325px",
"bScrollCollapse": true,
"bLengthChange": false,
"aaSorting": [[ 0, "asc" ]],
"aoColumns": [
{ "sType": 'numeric' },
{ "sType": 'html' },
]
});
[/code]
Tried few things, fnAdjustcolumnsizing and css, but doesn't seem to work. Any ideas?
This discussion has been closed.
Replies
Allan