标签:150 field center title layui align list width 隐藏
适合场景:当获取到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;'}
标签:150,field,center,title,layui,align,list,width,隐藏 来源: https://blog.csdn.net/qq_37529640/article/details/115614932
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。