如何将数据存储到 jquery Datatable 中的 javascript 全局变量中

Question

我有一个包含大量数据的 jquery 数据表。我正在执行一个操作，选择（复选框选中）行将仅绑定在其中。现在我必须重置 jquery 数据表，即所有记录都应该再次显示。那么应该采取什么方法呢？我是否需要将数据存储到 全局变量 中，然后清除它并将这些数据再次分配给 Datatable 或其他方法。

////////// on document.ready/////////
$('#mytable').DataTable();
 GlobalTable = $('#mytable').DataTable();
 GlobalTab = GlobalTable.data();


/////////the below code is for Binding the data again/////////
var table = $('#mytable').DataTable();
table.clear().draw();
for (i = 0; i < GlobalTab.toArray().length; i++) {
     table.row.add(GlobalTab.toArray()[i]).draw();
   }                  
 table.draw();

我尝试过的这些行没有按预期正常工作。

Answer 1

我不确定您的代码有什么问题（无法用您的 sn-ps 重现），但我可以提出几点建议：

• 仅存储变量中的数据：GlobalTab = GlobalTable.data().toArray()
• 清表后不需要重绘，或者添加每一行后，只需要更改数据后重绘
• 您无需遍历行，只需一次调用即可将它们全部添加

所以要再次绑定数据，您需要执行以下操作：

var table = $('#mytable').DataTable();
table.clear();
table.rows.add(GlobalTable);
table.draw();

您可以在 jsfiddle 中看到一个工作示例