layui获取到list之后,隐藏列内容

适合场景:当获取到list之后,需要编辑超出显示列表之外的数据时,可以对列标题、列内容进行隐藏,如下

  , cols: [[   //列表数据
				  {field: 'packageCode', title: '包代码', align: 'center',width:'120'}
				, {field: 'packageType', title: '包类型', align: 'center',width:'150'}
                , {field: 'packageName', title: '包名称', align: 'center',width:'150'}
                , {field: 'opertion', title: '申请人', align: 'center',width:'90'}
                , {field: 'deptName', title: 'xx', align: 'center',width:'150'}
                , {field: 'zoneName', title: 'xx', align: 'center',width:'100'}
                , {field: 'operDate', title: 'xx', align: 'center',width:'180'}   
                , {fixed: 'right', title: '操作', toolbar: '#userBar', align: 'center',width:'150'}            
            ]], 
            done:function(res,curr,count){ // 隐藏列
  				 $(".layui-table-box").find("[data-field='operDate']").css("display","none");
  				 $(".layui-table-box").find("[data-field='packageCode']").css("display","none");
  				 $(".layui-table-box").find("[data-field='zoneName']").css("display","none"); 
    }
        });

eg:如果直接在cols字段上加样式隐藏,只能对列内容有效,对列标题无效。

  {field: 'operDate', title: 'xx',style:'display:none;'}
上一篇:滴滴敏捷数据中台实践


下一篇:[PTA]练习2-4 温度转换