columns width increasing in chrome browser

hirenmanek

when i sort or search my data my column widths are automatic increseing.

i tried tably layout: fixed its works on mozila but doesn't work on chrome browser my code is as follows:

$(document).ready(function() {
var oJobTable = $('#jobTable').dataTable( {
"bAutoWidth": false,
"sScrollY": "420px",
"sAjaxSource": "config/server_processing_job.php",
"bServerSide": true,
"sDom": "frtiS"
} );
} );

can any body help in this

hirenmanek

I also tried it with this :
"aoColumns": [
{ "sWidth": "25%" },
{ "sWidth": "22%" },
{ "sWidth": "12%" },
{ "sWidth": "13%" },
{ "sWidth": "13%" },
{ "sWidth": "15%" }
]
} );

but it doesn't work.

If i assigned sWidth is px its works but it doesn't works on persentage.

can any body help me on this?

hirenmanek

this problem occurs only when i am using
"DataTables complex header example (row and colspans)".