Below is the code used: var usersTable = $('#usersTable').DataTable({
"stateSave": false,
"pagingType": "full_numbers",
"sScrollY": "490px",
"scrollX": "100%",
"paging": true,
"dom": 'C<"clear">lfrtip',
"language": { "emptyTable": "No data is available to display",
"search": "Multi-column Search"},
"scrollCollapse": true,
"order":[[ 1, "asc" ]],
"pageLength": 15,
"columnDefs": [
{ searchable: false, targets: [ 0,4,6,8 ] },
{ orderable: false, targets: [ 0,8 ] }
],
"lengthMenu" : [[5,10,15,20,30,-1],[5,10,15,20,30,"All"]]
});
// Apply the filter
usersTable.columns().eq( 0 ).each( function ( colIdx ) {
var title = usersTable.column( colIdx ).header();
$( 'input', usersTable.column( colIdx ).footer() ).on( 'keyup change', function () {
usersTable
.column( colIdx )
.search( this.value )
.draw();
} );
} );
new $.fn.dataTable.FixedColumns( usersTable, {
leftColumns: 3
});
Request to help resolve this issue.