Problem fixed column with scroll

hang2831990

My JS is like this

var table = $('#example').DataTable(
{
"bAutoWidth": false,
"bAutoHeight": true,
"scrollX": true,
"scrollY": "550px",
"scrollCollapse":false,
"stateSave": true,
"paging": false,
"responsive": false,
"aoColumns": [
{ "bVisible": true, "bSortable": false, "aTargets": [0] },
{ "bVisible": true, "aTargets": [1] },
{ "bVisible": true, "aTargets": [2] },
{ "bVisible": true, "aTargets": [3] },
{ "bVisible": true, "aTargets": [4] },
{ "bVisible": true, "aTargets": [5] },
{ "bVisible": true, "aTargets": [6] },
{ "bVisible": true, "aTargets": [7] },
{ "bVisible": true, "aTargets": [8] },
{ "bVisible": true, "aTargets": [9] },
{ "bVisible": true, "aTargets": [10] },
{ "bVisible": true, "aTargets": [11] },
{ "bVisible": true, "aTargets": [12] },
{ "bVisible": true, "aTargets": [13] },
{ "bVisible": true, "aTargets": [14] },
{ "bVisible": true, "aTargets": [15] },
{ "bVisible": true, "aTargets": [16] },
{ "bVisible": true, "aTargets": [17] },
{ "bVisible": true, "aTargets": [18] },
{ "bVisible": true, "aTargets": [19] },
{ "bVisible": true, "bSortable": false, "aTargets": [20] },
{ "bVisible": true, "aTargets": [21] },
{ "bVisible": false, "aTargets": [22] },
{ "bVisible": false, "aTargets": [23] },
{ "bVisible": false, "aTargets": [24] },
{ "bVisible": false, "aTargets": [25] },
{ "bVisible": false, "aTargets": [26] },
{ "bVisible": false, "aTargets": [27] },
{ "bVisible": false, "aTargets": [28] },
{ "bVisible": false, "aTargets": [29] },
{ "bVisible": false, "aTargets": [30] },
{ "bVisible": false, "aTargets": [31] },
{ "bVisible": true, "bSortable": false, "aTargets": [32] }
],
'bDestroy': true,
"bInfo": false,
"bProcessing": true,
"bDeferRender": true,
'iDisplayLength': 15,
'sPaginationType': 'full_numbers',
"dom": "<'row'<'col-sm-9'B><'col-sm-3'f>>" +
"<'row'<'col-sm-12'tr>>" +
"<'row'<'col-sm-5'i><'col-sm-7'p>>",
'sPageButtonActive': "paginate_active",
'sPageButtonStaticDisabled': "paginate_button",
"oLanguage": {
"sSearch": "Futher Filter Search results:",
"sInfo": "Got a total of TOTAL results to show (START to END)",
"sLengthMenu": 'Show <select>' +
'<option value="5">5</option>' +
'<option value="10">10</option>' +
'<option value="15">15</option>' +
'<option value="20">20</option>' +
'<option value="25">25</option>' +
'</select> results'
}
}
);