Data table auto width header misalignment issue

Binding method

$(document).ready(function() {
$('#sortable').dataTable( {
"sScrollY": "310px",
"sScrollX": "250px",
"bPaginate": false,
"bInfo": false,
"bAutoWidth": true,

} );

} );


Issue is sScrolly and sScrollx cause table header misalignment. If I remove sScrolly and sScrollX header displayed properly.
Kindly let me know if anything specific need to be done for header alignment.