2017-05-30 118 views
0

我得到了這段代碼部分工作。 ajax代碼能夠從服務器獲取json數據。但搜索功能和排序功能不起作用。這是我的js代碼。請幫忙!jQuery bootstrap數據表搜索和排序不起作用

$(document).ready(function(){ 
    $('.dataTables-example').DataTable({ 
      pageLength: 25, 
      responsive: true, 
      dom: '<"html5buttons"B>lTfgitp', 
       "processing": true, 
       "serverSide": true, 
       "ajax"  : "getData3.php", 
       "columns" : [ 
        { "data" : "id"}, 
        { "data" : "sales_license"}, 
        { "data" : "first_name" }, 
        { "data" : "last_name" }, 
        { "data" : "email"} 
       ], 



      buttons: [ 
       //{extend: 'copy'}, 
       //{extend: 'csv'}, 
       //{extend: 'excel', title: 'ExampleFile'}, 
       //{extend: 'pdf', title: 'ExampleFile'}, 

        {extend: 'print', 
       customize: function (win){ 
         $(win.document.body).addClass('white-bg'); 
         $(win.document.body).css('font-size', '10px'); 

         $(win.document.body).find('table') 
           .addClass('compact') 
           .css('font-size', 'inherit'); 

       } 
       } 
      ] 

     }); 
}); 
+1

控制檯中可能存在大紅色錯誤。檢查出來。 – davidkonrad

+0

對不起你在控制檯中出現大紅色錯誤的意思。 – CK8

+0

嘗試按F12,查找「控制檯」窗格 - 然後按F5。 – davidkonrad

回答

0

我發現了問題。我需要註釋以下幾行。

  //"processing": true, 
      //"serverSide": true, 

現在的代碼工作。搜索和排序的原因是在客戶端而不是在服務器端完成的。