layui 页签(选项卡)下的 动态表格固定列错乱问题

文章讨论了在layui框架下,如何处理左右两列固定布局出现的错乱问题,以及如何通过监听页签切换事件,当切换到特定页签时,重置表格分页到第一页,实现页面的正确显示和用户体验的优化。
摘要由CSDN通过智能技术生成

想要实现的效果图如下: 左右有两列是固定的

 

固定列错乱页面如下:

 

 实现解决方法:

获取点击这个页签的事件,获取到时在重新渲染 并给他分页的页面为1就OK了

layui.element.on('tab(Liu_TabBrief)', function (data) {
        console.log(data.index); //得到当前Tab的所在下标

        if (data.index == 2) {
            layui.table.reload('table01', {
                page: { curr: 1 }, where: data.field
            });
        }
    });

代码里面的  'tab(Liu_TabBrief)' ,  Liu_TabBrief是 lay-filter="Liu_TabBrief这个里面的值

元素的 lay-filter="" 的值,你可以借助该参数,完成指定元素的局部更新

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值