2012-11-08 140 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}]} 

事实证明,要映射到数据列