layui使用table.reload()后保持滾動條


使用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    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM