dataTables本地刷新数据解决只能初始化一次问题

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本地刷新数据解决只能初始化一次问题相关推荐

datatables ajax刷新数据
2019独角兽企业重金招聘Python工程师标准>>> 1.10版本以前的DataTables使用fnReloadAjax (http://www.datatables.net/p ...
解决ViewPager缓存导致不能实时刷新数据
ViewPager+Fragment,但是Fragment有个不好或者太好的地方.例如你在ViewPager中添加了三个Fragment,当加载ViewPager中第一个Fragment时,它会默认帮 ...
解决vue初始化数据时的闪烁问题
解决vue初始化数据时的闪烁问题参考文章: (1)解决vue初始化数据时的闪烁问题 (2)https://www.cnblogs.com/xxySsm/p/11971608.html 备忘一下.
工作总结10：解决vuex刷新数据消失
解决vuex刷新数据消失
解决mysql load data加载本地null数据，表里出现0的情况
解决mysql load data加载本地null数据,表里出现0的情况问题说明: sql执行语句如下代码块: ---- 欢迎讨论沟通 ---- 问题说明: 本人在使用mysql加载本地数据过程中, ...
iOS小技能：解决TableVIew刷新数据带来的界面跳动问题
引言问题背景: Self-Sizing在iOS11下是默认开启的,Headers, footers, and cells都默认开启Self-Sizing,所有estimated 高度默认值从iOS1 ...
Excel刷新数据时出现“查询XXX（步骤”XXX“）将引用其他查询或步骤，因此可能不会直接访问数据源。请重新生成此数据组合。”的解决办法
Formula.Firewall: Query 'XXX' (step 'XXX') references other queries or steps, so it may not directly ...
MUI返回页面未能及时刷新数据问题的解决办法
问题描述在B页面进行数据更改像后端提交,修改成功后返回A页面不能立即显示在B页面修改后的数据,需要再次刷新才可以. 应用场景:支付后的资金数目刷新.更改昵称性别等选项返回信息页的刷新等问题分析从 ...
JQuery Datatables editor 在编辑前刷新数据
背景在同一时间,可能很多人在编辑修改同一数据,这会导致在一个人还在在修改的过程中另一人在完成了修改并保存了数据.editor在button插件的扩展中可以有效的缓解这个问题:自定义一个编辑按钮,此编 ...

dataTables本地刷新数据解决只能初始化一次问题

初始化代码：

刷新数据代码

dataTables本地刷新数据解决只能初始化一次问题相关推荐

最新文章

热门文章