layui排序后table样式丢失

不念不忘少年蓝@ 2022-01-26 23:27 706阅读 0赞

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-left":"10px"\});  
            $(".layui-table-main .layui-table tbody tr td .shopCon .name").css(\{"color": "\#3d3d3d","font-size": "16px"\});  
            $(".layui-table-main .layui-table tbody tr td .shopCon .des").css(\{"color": "\#a3a3a3","font-size": "12px","white-space":"normal","line-height":"20px","margin-bottom":"5px"\});  
            $(".layui-table-main .layui-table tbody tr td .price").css(\{"color": "\#db3e3e","font-size": "20px"\});  
            $(".layui-table-main .layui-table tbody tr td .price span").css(\{"color": "\#666","font-size": "16px","text-decoration":"line-through"\});          
    \});

或者

table.on('sort(goods-table2)', function(obj) \{//goods-table2是table原始容器的属性 lay-filter="对应的值"  
    table.reload('table2', \{//table2是table原始容器的id  
        initSort: obj  
    \});  
\});

发表评论取消回复

表情：

评论列表（有 0 条评论，706人围观）

还没有评论，来说两句吧...

相关阅读

相关 layui table访问不到后端接口代码不执行

码如下 <table class="layui-hide " id="LAY_tb_user" lay-filter="tb_user_sign"></tabl...

Love The Way You Lie/ 2024年04月17日 15:56/ 0 赞/ 62 阅读

相关 ElementUI table 样式修改

一、概述 element-ui table 默认是白色背景，现在需要修改为黑色背景，白色文字。二、代码实现 css样式 <style> /

我不是女神ヾ/ 2022年11月01日 00:46/ 0 赞/ 40 阅读

相关使用layui修改table样式

table的结构： <table lay-filter="userlist-table" style="display: none;"> <thead>

水深无声/ 2022年06月03日 04:25/ 0 赞/ 615 阅读

相关 2个table样式

table.css @charset "utf-8"; table{ font-size:12px; table-layout

迷南。/ 2022年03月19日 16:50/ 0 赞/ 229 阅读

相关 layui排序后table样式丢失

table.on('sort(goods-table2)', function(obj)\{ //注：tool是工具条事件名，goods-table2是table原始容器的属性

不念不忘少年蓝@/ 2022年01月26日 23:27/ 0 赞/ 707 阅读

相关【CSS】Table样式

一、table td的宽度详解 Table只有Table的宽度是可以设置的，并且各个浏览器理解一致原则上应该将table的宽度设置成一个固定的值，而不应该设置成

小咪咪/ 2021年12月23日 03:47/ 0 赞/ 359 阅读

相关 Layui动态添加节点以及后加载样式问题解决

一、场景前端html需要点击增加按钮之后在原有的div元素后增加多个元素。二、问题 1、js控制添加元素 2、添加后样式后加载渲染问题三、实现

男娘i/ 2021年10月19日 02:28/ 0 赞/ 708 阅读

相关 layui中table显示图片

在table页面中加如下css .layui-table-cell{ text-align: center; height: auto; white-space: n

Bertha 。/ 2021年09月23日 11:50/ 0 赞/ 397 阅读

相关 layui的使用（table/form）——layui踩坑记录

公司之前的老系统是前后端不分离的MVC模式，是基于Layui开发的。 1.引入layui 引入文件的具体路径需要根据实际项目来。 <link href="~/

深藏阁楼爱情的钟/ 2021年07月26日 00:49/ 0 赞/ 718 阅读

相关 layui table隐藏列

layui的官网table demo如下： layui.use('table', function(){ var table = layui.table;

朱雀/ 2021年06月24日 16:12/ 0 赞/ 740 阅读