datatable如何直接更新数据

最新推荐文章于 2025-10-28 17:57:56 发布

原创最新推荐文章于 2025-10-28 17:57:56 发布 · 1.5w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #datatable

javascript 同时被 2 个专栏收录

8 篇文章

订阅专栏

datatable

2 篇文章

订阅专栏

本文介绍了一种更新由数组填充的Datatable数据的方法。通过记录当前页码、清除原有数据、添加新数据并重新定位到记录页码的方式实现数据刷新。

如果一个datatable生成的表格是ajax请求的数据的，我们只需要 xxx.ajax.reload()即可重新获取数据

但如果数据是从别处直接拿过来的数组该如何更新，

具体操作是

记录当前页码

清除整个表格数据

添加表格的全部数据

定位页面当之前的记录，并重绘

操作见下面的代码

var realTable = $('#example').DataTable(dataTableSetting)
    
// 新数据
newDataList=[
  ['a1', 'b1'],
  ['a2', 'b2']
]
 
function reloadData(dataList) {
    var currentPage = realTable.page()
    realTable.clear()
    realTable.rows.add(newDataList)
    realTable.page(currentPage).draw( false );
}

reloadData(newDataList)