关于Layui Table隐藏列问题
(编辑:jimmy 日期: 2024/11/2 浏览:3 次 )
layui没有提供Table隐藏列的功能(只是写这个文档的时候没有提供)。
第一步:获取Layui的TableBox Jquery对象
var _table_box = $(this._table_elem).next().find(".layui-table-box");
this._table_elem 是指的Table标签的ID
layui-table-box 是layui的类名
第二步:将需要隐藏的列添加 display:none 的样式 :
_table_box.find("[data-field="+value+"]").csss("display","none");
value 指的就是需要隐藏列的 field 值
附上源码:
以上是对layui Table的简单封装。
其实只要改行对象有数据,就能取出来比如列名为 :姓名,性别,年龄 而数据为 userid,username,sex,age
尽管列名里面没有关于userid的字段,但是取行数据的时候实际上是可以取出来的。
以上这篇关于Layui Table隐藏列问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
下一篇:Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法