layui table 滾動 鍵盤

2021-09-05 13:12:27 字數 1307 閱讀 8099

最近使用了layui table但是發現了一系列問題,由於被封裝過不好自己修改,比如翻頁後滑動條每次都會復位,導致體驗不好,通過除錯,我發現layui table並沒有給div加id標籤,我通過class定位**div位置。

可以看到 滾動條所在div class="layui-table-body layui-table-main"

我在layui table定義了乙個父div,防止多個table時定位錯誤,先定位父div,再尋找內部的datatable

原理就是先獲取父div物件,然後再父div物件中找到 class=layui-table-main的物件,然後就可以操作滑動條了。

//獲取**過載之前scrolltop位置var dev_obj; //layui table 父divvar layuitable = null; //當前的layui tablevar scrolltop = 0; //記錄位置dev_obj = document.getelementbyid('table_and_page_div_id'); //table的父div

if (dev_obj != null)

if (layuitable != null && layuitable.length > 0)

//重新整理當前頁

g_table_config.data = g_userinfodatapage;

g_tableins.reload(g_table_config);//**過載

layer.close(g_layer_msg_index); //關閉提示框

//還原scroll位置

if (layuitable != null && layuitable.length > 0)

Layui Table隱藏列問題

layui沒有提供table隱藏列的功能 只是寫這個文件的時候沒有提供 第一步 獲取layui的tablebox jquery物件 var table box this.table elem next find layui table box this.table elem 是指的table標籤的i...

layui table使用的坑

先來個完整案例 layui table lay even lay skin nob id trecord lay filter test table function layuitable 資料介面 page true 開啟分頁 limit 15 展示的最大行數 cols 表頭,載入完畢 done ...

layui table動態列實現

前兩天專案遇到乙個場景,使用layui table時,除了固定列之外,還需要使用動態列來展示一些動態資料。mysql查詢動態行轉動態列,並使用mybatis執行語句 基本思路 從後台獲取資料,處理成陣列型別 宣告乙個二維陣列,根據列需求動態新增元素作為動態列 table渲染時指定資料和列 套路 aj...