Datatables分頁不起作用

我有一個搜索表格，從DB中拉出各種行，然後顯示在表中。拉行的代碼工作正常。我正在使用數據表以用戶友好的方式顯示。數據表的代碼正在工作，因爲我可以看到搜索控件等和下一個按鈕，一旦表被填充，但表格似乎沒有完成分頁初始加載。Datatables分頁不起作用

沒有「顯示**到**條目的**」文本，並且返回的所有行都會顯示，但是一旦我點擊下一個按鈕或僅使用顯示10/25/50/100下拉分頁踢入和分頁工作從此完美。我拉我的頭髮，因爲這是爲我工作昨天，我想不出什麼我已經改變，因爲停止它的工作：

我intialize下面

$(document).ready(function() { 
    $('#blog-search').dataTable({ 
     "aaSorting": [[ 4, "DESC" ]], 
     "aoColumnDefs": [ 
      { "sType": "numeric-comma", "aTargets": [ 2 ] } 

     ], 
     "bPaginate": true, 

    }); 
});

數據表中的列的排序也

來源

2012-08-14 Daniel Benzie

沒有顯示唯一的問題'**的** **的entries'文本？它是否在DOM中，即使你看不到它？你正在設置「iTotalDisplayRecords」還是「iTotalRecords」？ – Jeemusu 2012-08-14 09:19:00

datatables_info元素在DOM中，但它是空的，但是當我點擊下一個例如它顯示正確的數據和分頁開始。我沒有設置iTotalDisplayRecords或iTotalRecords，這是我需要做的事情嗎？ – 2012-08-14 09:25:06

你可以通過DataTables調試器運行你的表，並給我們調試代碼請：http://debug.datatables.net。順便說一句 - 你有一個IE會拒絕的尾隨逗號。 – 2012-08-14 09:33:11

當我添加的代碼放到一個jsfiddle我收到的控制檯以下錯誤信息：

Uncaught TypeError: Property 'string-DESC' of object #<Object> is not a function

經過進一步調查，您的代碼中的"aaSorting": [[ 4, "DESC" ]],行似乎是問題所在。排序字符串需要全部小寫，I.E. "desc"不是"DESC"。

工作代碼應該如下：

$(document).ready(function() { 
    $('#blog-search').dataTable({ 
     "aaSorting": [[ 4, "desc" ]], 
     "aoColumnDefs": [ 
      { "sType": "numeric-comma", "aTargets": [ 2 ] } 

     ], 
     "bPaginate": true, 

    }); 
});

來源

2012-08-14 09:48:42 Jeemusu

Datatables分頁不起作用

回答

相關問題