制表网格刷新数据调用问题

Question

我正在使用ajax调用数据。

我是这样设置的。

function getTestList(){
  testTable = new Tabulator("#test_list", {
  height:"550px",
  layout:"fitColumns",
  selectable:true, //row Select
  reactiveData:true,
  rowContextMenu: headerMenu, //add context menu to rows
  headerHozAlign:"center",
  ajaxConfig:"POST",
  ajaxLoader:false,
  ajaxURL:"/test/testListDetail",
  ajaxProgressiveLoad:"scroll",
  ......
 });
}

1. 页面加载时调用“getTestList()”函数。
2. 注册和修改数据后 “testTable.replaceData();”您正在运行该方法。
3. 刷新后正在重新加载表中的数据。

http://tabulator.info/examples/4.9?#adddel

我想要实现的是数据在没有刷新的情况下更新，就像上面的例子一样。 我正在从当前服务器获取数据。有没有办法在不闪烁的情况下获取数据？

Answer 1

这里的问题是每次调用该函数时都在重建表。这不是正确的做法。

您应该在页面加载时建表一次，然后当您要更新数据时，只需调用setData函数，它将再次运行请求，而无需重建表：

testTable.setData();

如果您希望表格的滚动位置在重新加载数据时保持原位，您可以使用replaceData 函数：

testTable.replaceData();