使用layui實現凍結視窗功能

2021-10-02 05:34:22 字數 801 閱讀 7176

layui官方中提供了fixed欄位,來實現凍結視窗功能,但這是通過table.render方法實現,若沒有資料的話,不會直接實現這個功能。通過參考layui的**,自己寫了個實現凍結視窗的功能。其實也比較簡單,就是把原table中要凍結的列的內容放到乙個新的div中,然後通過position定位即可,主要**如下:

function addtableview()

html+= "";

})html+= "

"; //給展示table中的input繫結監聽事件,當展示框裡的資料變化時更新到原來的table中

$("#showtable tr:not(:first):not(:last)").each(function () );

$(this).find("td").eq(3).find("input").keyup(function () );

})updatedatatoshowtable();

}//更新資料到展示table

function updatedatatoshowtable()

}//更新資料到實際table

function updatedatatowztable(ele)

//定位展示table

function positiontable());

});}

然後直接執行addtableview和positiontable方法即可。

layui實現資料分頁功能

官網layui table演示頁面 示例截圖 頁面引入layui.css layui.js 前台js var limitcount 10 var curnum 1 列表查詢方法 function productsearch productgroupid,start,limitsize 傳參 cols...

使用JQ實現點選其他區域關閉視窗的功能

class fc class fc box class fc c class fc t ovf 預約 span 只顯示可預約span p class fc b 解放軍總醫院span 科span src images shou.png alt div class fc b1 4月24號 週三 上午p ...

EyesBaby功能實現之視窗拖拽與縮放功能

winform中窗體拖拽主要由滑鼠移動事件 mousemove 滑鼠按下事件 mousedown 和滑鼠釋放事件 mouseup 完成。以下詳細 滑鼠滾動軸控制視窗大小 需要實現滑鼠滑動滾動軸事件 mousewheel 事件引數mouseeventargs.delta值分別是120和 120.如下 ...