LayUI表格筛选功能出现隐藏列的解决办法

某些业务场景需要把一些信息带入页面，而这些信息又不用给展示出来，一般来说想到的就是隐藏列，利用LayUI表格的 hide:true 就能实现，它还提供筛选功能，但LayUI的表格筛选功能就有个问题，就是会把表格中隐藏的列也给显示出来，如图

列名为ID的很明显我已经设置成了hide，效果图（表格）中不会显示这一列，而筛选中有出现了这一列，这样在筛选中如果把ID给勾上了，ID就会显示出来，那我们前面设置的 hide:true 就没有任何意义了，后来在群里面交流了一波，解决了这个问题，就是不用 hide:true 这个属性，直接拿这一行的所有的数据，也能达到目的，举个例子：
查看详情（按钮或者链接(A标签)，我这里是按钮），

{title: '操作',width: 120,fixed: 'right',align: 'center',templet : function (cell) {//这里的cell可以拿到当前行的所有数据var id = parseInt(cell.id);return '<div><a class="layui-btn layui-btn-xs" lay-event="chakan" style="background-color:#009688">查看详情</a></div>'}
},

一般来说会传一个ID，只需要监听图中的查看按钮就可以了

//监听按钮事件
table.on('toolbar(table)', function(obj){var data = obj.data;//获得 lay-event 对应的值var layEvent = obj.event; //获得IDvar id = data.id;//这里可以用if判断，也可以用swith，效果一样if(layEvent === 'chakan'){ //查看window.open('${base}/XXX/xxx?ID'+id,'_self');return;}switch (obj.event) {case 'chakan':            //查看window.open('${base}/XXX/xxx?ID'+id,'_self');break;}
})//好像监听事件代码写上下这两种都可以监听到//监听按钮事件
table.on('tool(table)',function (obj) {})

这样查看功能就实现了，且筛选也不会出现隐藏的字段了

LayUI表格筛选功能出现隐藏列的解决办法相关推荐

layui表格中给对应的列加背景色
layui表格中给对应的列加背景色直接在style加样式即可,里面的status跟列的field对应上,data-content是field的值. <style>td[data-fiel ...
LayUI表格在线编辑动态修改列数据
LayUI表格在线编辑动态修改列数据每次只能修改指定属性是 edit 定义的列 {field:'aname', width:80, title: '昵称', minWidth: 100, edit ...
layui数据表格中导出所有数据的简易解决办法
layui数据表格中导出所有数据的简易解决办法官方文档的困惑解决办法官方文档的困惑首先要说明的是:layui在 table 的工具栏内置了数据导出按钮,如果你是用它内置的导出按钮来导出数据,是 ...
android+点击屏幕隐藏键盘,Android点击EditText文本框之外任何地方隐藏键盘的解决办法...
1,实现方法一: 通过给当前界面布局文件的父layout设置点击事件(相当于给整个Activity设置点击事件),在事件里进行键盘隐藏 android:id="@+id/traceroute ...
javascript 功能受限、原因和解决办法（一则）
为什么javascript功能会受限? 浏览器的JavaScript功能有可能被服务商.公司管理人员关闭了,以此来提高安全性! 比如:学校.网吧这种典型的环境. 另外,有的公司的防火墙.广澳屏蔽软件. ...
Xbox录屏功能录制没声音的解决办法
很多用户都会在xbox游戏平台中玩各种游戏,并且录制各种视频,使用xbox录制视频的过程中出现录制没有声音,这是怎么回事呢?下面小编就来介绍一下xbox录屏功能录制没声音的解决办法. Win10 Xb ...
win10无法安装若要在此计算机,WIN10无法安装以下功能 .net framework 3.5解决办法
最近小编在安装一款模拟器软件的时候发现需要安装.net framework 3.5,但是在点击安装只有却显示"无法安装以下功能 .net framework 3.5",那这个问题改 ...
oracle分页报未明确定义列,关于在join中出现ORA-00918: 未明确定义列的解决办法
/*关于在join中出现ORA-00918: 未明确定义列的解决办法*/ /*关于join和where表连接问题,需要在使用join时需要使用列的别名,避免相同列名的出现.*/ --以下为简要测试过程 ...
Java的poi导出的excel不能超过256列的解决办法
Java的poi导出的excel不能超过256列的解决办法背景 1.现在的情况 2.解决办法背景导出时如果列超过256导出就会报错,现在进行解决 1.现在的情况 excel文件名以.xls结尾 ...

LayUI表格筛选功能出现隐藏列的解决办法

LayUI表格筛选功能出现隐藏列的解决办法相关推荐

最新文章

热门文章