2019獨角獸企業重金招聘Python工程師標準>>>

dataTables的表格只能初始化一次，這樣如果需要動態改變表格數據的話就需要寫多個表格，這樣很顯然不是一個好的解決方案。

dataTables Api提供了刷新數據解決方案：

這里大概說一下案例：在一個頁面中有多個tab，每個tab對應一個表格，表格頭都是一致的，只是內容不一致。為了提高接口效率，后臺會提前請求數據存在node中，前端是一次性請求全部數據，所以表格數據的刷新是本地數據的填充。

初始化代碼：

$(document).ready(function($) { //初始化配置$('#detailTable').dataTable({paging: false,searching: false,info: false,columns: [{ //根據接口傳過來的字段進行設置data: "name"}, {data: "department"}, {data: "dsm"}, {data: "signin_time"}, {data: "questionaire_time"}]}); });

刷新數據代碼

//初始化會議詳情數據 function initDetailTableData(dataArr) { //dataArr是表格數據數組，和初始化配置需一樣的結構var table = $('#detailTable').dataTable();var oSettings = table.fnSettings(); //這里獲取表格的配置table.fnClearTable(this); //動態刷新關鍵部分語句，先清空數據for (var i = 0, l = dataArr.length; i < l; i++) {table.oApi._fnAddData(oSettings, dataArr[i]); //這里添加一行數據}oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();table.fnDraw();//繪制表格 }

轉載于:https://my.oschina.net/keysITer/blog/806369

總結

以上是生活随笔為你收集整理的dataTables本地刷新数据解决只能初始化一次问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。