2012-11-08 65 views
0

沒有人有如何實現DataTables的例子,它使用無限滾動(或滾動條)和列重新排序,當表初始化時所有數據都不加載?有無限滾動和列重新排序的jQuery DataTables問題

會發生什麼情況是我們的結果集非常大,我們通過ajax在客戶端和服務器之間來回切換,以便爲表填充更多的結果。當你得到最初的一組結果時,重新排列列,然後滾動以獲得更多結果,當然這些列是按原始順序排列的,因爲這是服務器發回數據的方式。

你看到或使用過什麼實現? 例子會很棒。我還沒有看到任何真正展示我的場景的東西。

回答

0

您應該在aColumns設置中使用mData屬性。它允許您重新排列列並使用服務器數據填充您的表,而不會出現任何問題。

例如:

初始化數據表:

$('#example').dataTable({ 
      "aoColumns": 
       [ 
       {"mData": "column1" }, 
       {"mData": "column2" }, 
       {"mData": "column3" }, 
       ], 
      "bServerSide" : true, 
      "sAjaxSource" : "url", 
      "bScrollInfinite": true, 
      "sScrollY": "200px", 
      "sDom":'Rlfrtip', 
}); 

JSON從服務器:

{"aaData": [{"column1": 1, "column2": 2,"column3": 3}]} 

事實證明,要映射到數據列