layui排序后table样式丢失

最新推荐文章于 2024-02-02 09:18:14 发布

一天一天积累

最新推荐文章于 2024-02-02 09:18:14 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： layui 文章标签： layui sort 样式丢失

本文链接：https://blog.youkuaiyun.com/u012011360/article/details/90517957

在使用layui表格进行排序操作后发现表格样式丢失，通过JavaScript修复了这一问题。通过选择器重新设置了排序后表格中各单元格及内容的样式，包括高度、对齐方式、内边距、边框半径等，确保表格展示效果正常。

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

table.on('sort(goods-table2)', function(obj){ //注：tool是工具条事件名，goods-table2是table原始容器的属性 lay-filter="对应的值"
       $(".layui-table-main .layui-table tbody tr td").css("height","120px");
           $(".layui-table-main .layui-table tbody tr td div.layui-table-cell").css({"height":"120px","text-align":"left","padding-top":"10px"});
           $(".layui-table-main .layui-table tbody tr td div.layui-table-cell img").css({"width": "80px","height": "100px","border-radius": "5px","display":"inline-block","vertical-align":"top","margin-right":"10px"});
           $(".layui-table-main .layui-table tbody tr td .shopCon").css({"display": "inline-block","vertical-align":"top","text-align": "left","width":"67%","padding-le