jquery - 无限滚动和列重新排序的 jQuery DataTables 问题

Question

有没有人有一个如何实现 DataTables 的示例，该 DataTables 使用无限滚动（或滚动）和列重新排序，其中在初始化表时未加载所有数据？

发生的情况是我们的结果集太大了，我们通过 ajax 在客户端和服务器之间来回切换，以不断地用更多结果填充表。当您获得初始结果集时，对列进行重新排序，然后滚动以获取更多结果，当然这些列是按原始顺序排列的，因为这就是服务器将数据发回的方式。

您看到或使用了哪些实现？？？？例子会很棒。我还没有看到任何真正展示我的场景的东西。

Answer 1

您应该在 aoColumns 设置中使用 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}]}

事实证明，您正在将数据映射到列中