适合场景:当获取到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;'}