layui怎么固定表格的表头

本文摘自PHP中文网，作者藏色散人，侵删。

layui固定表格表头的方法：首先找到layui中的table.js文件；然后在变量table中加入fiexdRowHeight属性；最后添加代码为“if(Object.prototype.toString.call(...))”即可。

推荐：《layUI教程》

实现效果:表头和底部分页固定，鼠标滚动只会滚顶body中数据。效果如下：

1、找到layui中的table.js文件，在变量table中加入属性，如图红框中内容：

fiexdRowHeight：是否开启固定行高，默认是false

fiexdRowHeight_rows：表格中显示条数，默认是10条

以上两个参数都可以通过自己传入参数值

2、找到pullData函数：

阅读剩余部分

相关阅读 >>

js如何读取和保存文件？方法介绍

什么是javascript的事件

js中remove怎么用

值得收藏的20个前端开发icon图标库

javascript中innerwidth和innerheight属性详解

javascript有几种方式为元素添加事件

javascript和typescript的区别是什么

为什么我的layui进度条渲染不出来

layui.js 如何声明全局变量

layui实现点击事件的方法

更多相关阅读请进入《layui》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » layui怎么固定表格的表头