layui怎么固定表格的表头


当前第2页 返回上一页

在此函数中ajax异步请求成功回调的success函数中最后添加如下代码:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

//固定行高、表头处理

if(Object.prototype.toString.call(options.fiexdRowHeight).slice(8, -1) === 'Boolean' && options.fiexdRowHeight) {

    var p_ = $("[lay-id='" + options.id +  "']")

    var tr_len = p_.find(ELEM_MAIN).find("tr").length

    if(tr_len > 10){

        if(Object.prototype.toString.call(options.fiexdRowHeight_rows).slice(8, -1) !== 'Number') {

            options.fiexdRowHeight_rows = 10

        }

        var height_main = (options.fiexdRowHeight_rows * 39) + 'px'

        var height_fixed = (options.fiexdRowHeight_rows * 39) + 'px'

        //如果出现横向滚动条时

        if(p_[0].parentNode.clientWidth < document.getElementsByClassName('layui-table-main')[0].getElementsByClassName('layui-table')[0].clientWidth) {

            height_main = ((options.fiexdRowHeight_rows * 39) + 18) + 'px'

        }

        p_.find(ELEM_MAIN).css("height", height_main);

        p_.find(ELEM_FIXL).find(ELEM_BODY).css("height", height_fixed);

        p_.find(ELEM_FIXR).find(ELEM_BODY).css("height", height_fixed);

    }else {

        p_.find(ELEM_MAIN).css("height", "auto");

        p_.find(ELEM_FIXL).find(ELEM_BODY).css("height", "auto");

        p_.find(ELEM_FIXR).find(ELEM_BODY).css("height", "auto");

    }

}

3、应用:如图:

以上就是layui怎么固定表格的表头的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

2021q1最受欢迎语言是什么?

抢先体验javascript es12新特性

javascript字符串比较方法有哪些

javascript用什么分割成数组

layui调用弹层的方法

layui弹出层怎么使用

了解javascript中3种for循环风格以及何时使用它们

html标签伪元素绑定事件的三种方式

layui input只读属性是什么

layui如何判定密码不一致

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




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...