针对layui table的列隐藏问题有以下几种方法 1.在需要隐藏的列加CSS样式来控制 {field: 'data_id', title: 'ID', width: 50,style:'display:none;'} 但是这种处理方式知识对列中的值隐藏，对列标题不会做任何作用。 2.在done函数中设置该列的display为none co
<![CDATA[<bdo id='SiekH'></bdo><ul id='SiekH'></ul>]]>
|
|
<![CDATA[<i id='SiekH'><tr id='SiekH'><dt id='SiekH'><q id='SiekH'><span id='SiekH'><b id='SiekH'><form id='SiekH'><ins id='SiekH'></ins><ul id='SiekH'></ul><sub id='SiekH'></sub></form><legend id='SiekH'></legend><bdo id='SiekH'><pre id='SiekH'><center id='SiekH'></center></pre></bdo></b><th id='SiekH'></th></span></q></dt></tr></i>]]><![CDATA[<div id='SiekH'><tfoot id='SiekH'></tfoot><dl id='SiekH'><fieldset id='SiekH'></fieldset></dl></div>]]>
|
|
|
<![CDATA[<small id='SiekH'></small><noframes id='SiekH'>]]>
|
| | | |
|
|
| |
|
|
针对layui table的列隐藏问题有以下几种方法
1.在需要隐藏的列加CSS样式来控制
{field: 'data_id', title: 'ID', width: 50,style:'display:none;'}
但是这种处理方式知识对列中的值隐藏，对列标题不会做任何作用。
2.在done函数中设置该列的display为none
cols:[
[{field : 'orgId', width : 80, title : '单位ID ', hide : true }]
],
totalRow: true //开启合计行
,done:function(){
// 隐藏列
$(".layui-table-box").find("[data-field='orgId']").css("display","none");
}
这种方式只对表格的列表格隐藏，不会隐藏整个列如下图所示
3.在表格列中加入 hide属性hide : false，代码如下
{field : 'orgId', width : 80, title : '单位ID ', hide : false}
在需要做隐藏操作的地方改变属性的汁就可以。如下
cols[0][2].hide = true;// [0]代表第一个表格，[2]代表第三列，给他的hide属性值改为true即可隐藏该列
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！
