Layui Table 的列隐藏问题

针对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即可隐藏该列

Layui Table 的列隐藏问题相关推荐

layui table 自动表单隐藏id
现在国内的模板,也就layui一家独大了,其中的数据表格功能强大,但我不会用python或者django拼接json,输出发送给数据表格,那只好用笨办法,循环遍历吧. 数据表格中保留id列,是为了编辑 ...
elementui table 固定列_element-ui 中的table的列隐藏问题解决
element-ui 中的table和bootstrap中的table的某些设置还是有一定的差别的.之前用bootstrap做的表格,想要实现简短列和详细列的切换.因为详细列实在有太多列了,拉动滚动条 ...
element-ui 中的table的列隐藏问题
element-ui 中的table和bootstrap中的table的某些设置还是有一定的差别的.之前用bootstrap做的表格,想要实现简短列和详细列的切换.因为详细列实在有太多列了,拉动滚动条 ...
layui table 每列加标签_【前端】layui表格中根据条件给对应的列加背景色
[前端]layui表格中根据条件给对应的列加背景色 [前端]layui表格中根据条件给对应的列加背景色 1.效果(根据条件动态给表格加背景色) 2.代码: 在我自己的项目中,由于条件比较多,提取出了一 ...
layui列表筛选列_layui框架的table字段筛选功能介绍
首先是在这个是针对字段的,所以给cols新增一个配置项,来决定哪些列需要有过滤的功能,一般来说只有那些数据可以归纳成几种分布的列才有做这个过滤的需求,比如例子中的性别列还有职业列,id列这些的意义不大 ...
html表格的隐藏列,layui实现数据表格隐藏列的示例
在使用layui做数据表格的时候,插入的数据的id是不是一组连续的数字,那么就需要用到layui的cols的type属性. table.render({ elem: '#test' ,url:'${p ...
layui table 列覆盖
layui table 列个数超过10列后,表头发生覆盖现象. 临时解决方法:注释掉下面代码: ,'{{# if(left){ }}','<div class="layui-table ...
bootstarp js设置列隐藏_bootstrap table getHiddenColumns获取隐藏的列的方法
bootstrap table getHiddenColumns获取隐藏的列的方法 bootstrap table getHiddenColumns获取表格隐藏的列,即获取哪些列当前不可见的列,因为有 ...
element table v-for动态隐藏列
element table v-for动态隐藏列这个动态列是我项目中觉得比较好玩的一个功能,他列表不固定,后端数据库表也不固定,其实还有个高级筛选,这两个是配套使用的, <el-tablere ...
layui table 可编辑单元格 JS实现通过键盘上下左右键光标焦点移动到旁边的编辑行/列
layui table 可编辑单元格 JS实现通过键盘上下左右键光标焦点移动到旁边的编辑行/列类似效果上下左右键实现的代码 layui.config({base: '/static/layuia ...

Layui Table 的列隐藏问题

Layui Table 的列隐藏问题相关推荐

最新文章

热门文章