Column Resize and Drag are not resizing the table columns in datatables

sanjayverma

var table = $('#customer-search-table').DataTable({
"dom": 'Rlfrtip',
"data": dataSet,
"paging": true,
"colResize": {
"ltr": true,
"handleWidth": 10,
"tableWidthFixed": true
},
"columns": [
{"title": "

", "class": "text-center checkbox-wrapper", "width": "2%"},
{"title": "<span>Customer #</span>", "class": "text-center", "width": "8%"}
],
responsive: false,
"autoWidth": true,
"info": true,
"bFilter": true,
"bPaginate": false,
"lengthMenu": [[100, 150, 200, 250], [100, 150, 200, 250, "All"]],
"sScrollX": "100%",
"sScrollXInner": "100%",
language: {
sSearch: 'Search Results',
searchPlaceholder: "Additional Search"
}
});

This is my declaration of datatable, once I am adding the scrollX and scrollY the drag and resize of Column are not working as expected i.e. not resizing the table columns. you can view my working example at http://ahex.co/power-proposal/?page=customer_search