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怎么固定表格的表头的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

vue是做什么的

一起了解js中的深拷贝与浅拷贝

jquery+jsonp跨域需要怎样实现

javascript和sql有什么区别

javascript中求最大值语句是什么

javascript中怎么换行

javascript charat()方法是什么

javascript能做什么?

javascript怎么删除table表格

javascript如何改变原数组

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




打赏

取消

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

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

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

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

评论

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