前端学习之layui数据表格table的数据更新,重载,删除
前言
layui的数据表格table提供了很多的方法进行数据的查询,更新,增加和删除的操作,但是再处理这些操作的时候,我们往往需要对表格进行刷新,否则就可能导致显示错误。比如,表格有行号,如果删除一行,行号就会不连续,此时需要重新得到表格的data,并进行table重载reload。代码如下:
function tableReload(){ var oldData = layui.table.cache["#datatab"]; //获取表格当前的缓存数据 #datatab为table的id oldData.forEach(function(item,i){ if(!item.length){ //表示该行已被删除,就删掉吧 oldData.splice(i,1); } }); Table.reload({data:oldData});//Table为已定义的数据表格引用 }