使用table時有個特殊需要,改變table中的某一項時,再table展示內容較多需要滾動條時,由於后台需要運算結果,所以必須要table.reload加載數據,但是滾動條會被重置到0的位置。
網上有推薦的方法,實測后發現缺少一句代碼,導致無法改動滾動條位置。
1 var $ = layui.$, 2 table = layui.table; 3 4 //在你需要重置表格的前面加上代碼 5 6 var scrollTop=0; 7 var layuiTable = $('.layui-table-main'); 8 if(layuiTable!=null&&layuiTable.length>0){ 9 scrollTop = layuiTable[0].scrollTop; 10 } 11 12 table.reload('這里是需要加載的table'); 13 14 //這里必須使用setTimeout 15 setTimeout(function(){ 16 if(layuiTable!=null&&layuiTable.length>0){ 17 $('.layui-table-main').scrollTop(scrollTop) 18 } 19 },100) 20