layui表格排序后自定义样式丢失

文章讲述了在使用layui表格时,如何避免点击排序筛选按钮导致的自定义样式消失问题,通过监听表格的sort事件并重载表格数据,保持样式的同时实现动态操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当我点击layui表格自带的排序筛选按钮时,我给layui表格添加的样式全都消失了。

我查了一下资料,发现只添加一个监听表格排序的方法就能让自定义样式不丢失。

<table class="layui-hide" id="organization_info" lay-filter="userinfo"></table>
//监听排序
            table.on('sort(userinfo)', function (obj) { 
                table.reload('testReload', {
                    initSort: obj,
                    done: function (res, curr, count) {
                        res.data.forEach(function (data) {
                            var uid = data.uid;
                            var enable = data.enableid;
                            // 显示启用或禁用按钮
                            if (enable == 0) {
                                $('#start_using_' + uid).show();
                            } else {
                                $('#stop_using_' + uid).show();
                            }

                        })
                    }
                });
            });

done方法里面写自己定义的样式

sort(lay-filter的值)

table.reload('表格的id')

完结撒花。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

夏木子杉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值