Sortable is not working for me after changing the verion

Bharathsagar

I have change the version of my Datatable from the old version(1.9.4) to current version (1.10.15)....so please let me know how to short out this issue.............................

tangerine

Please supply more detail. Preferably also show your code.

Bharathsagar

var oTable2 = $('#out_patient_list').dataTable( {
"bProcessing":true,
"sPaginationType":"full_numbers",
"bPaginate": true,
"bServerSide":true,
"bJQueryUI": true,
"sAjaxSource": ajax_url,
"fnPreDrawCallback":function () {
$('.loader_1').css('display','block');
},
"fnDrawCallback": function( oSettings ) {
if ( oSettings.bSorted || oSettings.bFiltered ) {

        var max = oSettings.aiDisplay.length;
        for ( var i=2; i <= max+1 ; i++ ) { 

        }
    }
    $('.loader_1').css('display','none');              
},
"fnRowCallback": function( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
  ~~~~
},          
"fnServerData": function ( sSource, aoData, fnCallback, oSettings ) {
  $.ajax( {
    "dataType": 'json',
    "type": "POST",
    "url": sSource,
    "data": aoData,
    "success": fnCallback
  });
},

"aoColumns": [
{ "sWidth": "3%","bSortable": false },
{ "sWidth": "5%","bSortable": true },
{ "sWidth": "5%","bSortable": true },
{ "sWidth": "8%","bSortable": true },
{ "sWidth": "8%","bSortable": true },
{ "sWidth": "15%","bSortable": true },
{ "sWidth": "8%","bSortable": true },
{ "sWidth": "15%","bSortable": true },
{ "sWidth": "5%","bVisible": false },
{ "sWidth": "12%","bSortable": true },
{ "sWidth": "12%","bSortable": true },
{ "sWidth": "5%","bVisible": false },
{ "sWidth": "5%","bVisible": false }
],
//"aaSorting": [[ 7, 'desc' ]],
"iDisplayLength": 50,
"bLengthChange": false,
//"columnDefs": [ { orderable: true } ],
"bFilter": true,
"sScrollY": 452,
"sScrollX": "100%",
"sScrollXInner": "100%",
"bAutoWidth": false,
//"sPaginationType":"full_numbers",
//"bPaginate": true,
//"bJQueryUI": true,
"bInfo": true,
"dom" : 'Bfrtip',
"buttons" : [{
"extend" : 'print',
"exportOptions" : {
"columns" : ':visible'
// "columns" : [ 6, 7, 8 ] for Specific column
}
}],
});

tangerine

First of all, you should probably update your code.
https://datatables.net/upgrade/1.10-convert

Bharathsagar

Now i have removed everything and update just this below code....still sorting and filter is not working.............

var table = $('#out_patient_list').DataTable({
serverSide: true,
ajax: _baseUrl+"datatable/datatable_ver_chng",
});

Bharathsagar

<link href="<?php echo base_url();?>resources/css/jquery.dataTables.css" rel="stylesheet" type="text/css">
<link href="<?php echo base_url();?>resources/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css">
resources/js/jquery.dataTables.min.js">
resources/js/dataTables.fixedColumns.min.js">
resources/js/dataTables.buttons.min.js">
resources/js/buttons.colVis.min.js">
resources/js/buttons.flash.min.js">
resources/js/buttons.html5.min.js">
resources/js/buttons.print.min.js">

tangerine

I don't see where you're including jQuery's JS.

Bharathsagar

sorry....can you please send me the source link which i have to link for the datatable with print option