当前位置 主页 > 网站技术 > 代码类 >

    关于Layui Table隐藏列问题

    栏目:代码类 时间:2019-09-16 22:05

    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隐藏列问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持IIS7站长之家。