layui选项卡切换表格翻页消失

最新推荐文章于 2023-09-03 20:55:30 发布

Rorschaaaach

最新推荐文章于 2023-09-03 20:55:30 发布

阅读量902

点赞数

文章标签： css jquery

本文链接：https://blog.csdn.net/qq_41469103/article/details/108346187

版权

layui选项卡切换表格翻页消失

选项卡页面如图所示：默认载入的时候是有翻页的

解决方法：监听选项卡，选项卡切换的时候设置高度样式

//监听选项卡，更改选项后设置一下高度，否则翻页显示有问题
$('.layui-tab-title').on('click', function(title) {
    if(title.toElement.id == 'title1'){
        $(".layui-table-box").css({"height":"360", "page":"true"});
    }else if(title.toElement.id=="title2"){
        $(".layui-table-box").css({"height":"360", "page":"true"});
    }else if(title.toElement.id=="title3"){
        $(".layui-table-box").css({"height":"360", "page":"true"});
    }else if(title.toElement.id=="title4"){
        $(".layui-table-box").css({"height":"360", "page":"true"});
    }
});