关于Layui Table隐藏列问题


Posted in Javascript onSeptember 16, 2019

layui没有提供Table隐藏列的功能(只是写这个文档的时候没有提供)。

第一步:获取Layui的TableBox Jquery对象

var _table_box = $(this._table_elem).next().find(".layui-table-box");

this._table_elem 是指的Table标签的ID

关于Layui Table隐藏列问题

layui-table-box 是layui的类名

第二步:将需要隐藏的列添加 display:none 的样式 :

_table_box.find("[data-field="+value+"]").csss("display","none");

value 指的就是需要隐藏列的 field 值

关于Layui Table隐藏列问题

附上源码:

关于Layui Table隐藏列问题

以上是对layui Table的简单封装。

其实只要改行对象有数据,就能取出来比如列名为 :姓名,性别,年龄 而数据为 userid,username,sex,age

尽管列名里面没有关于userid的字段,但是取行数据的时候实际上是可以取出来的。

以上这篇关于Layui Table隐藏列问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
13 款最热门的 jQuery 图像 360 度旋转插件推荐
Dec 09 Javascript
jQuery的css() 方法使用指南
May 03 Javascript
js实现图片上传并正常显示
Dec 19 Javascript
神奇!js+CSS+DIV实现文字颜色渐变效果
Mar 16 Javascript
Bootstrap3.0学习教程之JS折叠插件
May 27 Javascript
BootStrap便签页的简单应用
Jan 06 Javascript
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
Jan 19 Javascript
JavaScript生成指定范围的时间列表
Mar 19 Javascript
小程序实现发表评论功能
Jul 06 Javascript
javascript自定义日期比较函数用法示例
Jul 22 Javascript
vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
Aug 10 Javascript
AJAX检测用户名是否存在的方法
Mar 24 Javascript
Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法
Sep 16 #Javascript
JavaScript生成一个不重复的ID的方法示例
Sep 16 #Javascript
解决微信小程序中的滚动穿透问题
Sep 16 #Javascript
微信小程序左滑删除实现代码实例
Sep 16 #Javascript
微信小程序左右滚动公告栏效果代码实例
Sep 16 #Javascript
layui 实现表单和文件上传一起传到后台的例子
Sep 16 #Javascript
Vue 自定义指令实现一键 Copy功能
Sep 16 #Javascript
You might like
php二分法在IP地址查询中的应用
2008/08/12 PHP
基于php验证码函数的使用示例
2013/05/03 PHP
php版微信自定义回复功能示例
2016/12/05 PHP
php中的单引号、双引号和转义字符详解
2017/02/16 PHP
php通过各种函数判断0和空
2020/07/04 PHP
PHP实现的日历功能示例
2018/09/01 PHP
4种Windows系统下Laravel框架的开发环境安装及部署方法详解
2020/04/06 PHP
JS实现超简单的鼠标拖动效果
2015/11/02 Javascript
jQuery实现标题有打字效果的焦点图代码
2015/11/16 Javascript
javascript三种代码注释方法
2016/06/02 Javascript
js事件冒泡、事件捕获和阻止默认事件详解
2016/08/04 Javascript
Javascript动画效果(4)
2016/10/11 Javascript
js 动态生成html 触发事件传参字符转义的实例
2017/02/14 Javascript
jQuery实现字体颜色渐变效果的方法
2017/03/29 jQuery
Vue单页式应用(Hash模式下)实现微信分享的实例
2017/07/21 Javascript
完美解决手机网页中输入框被输入法遮挡的问题
2017/12/19 Javascript
纯js代码生成可搜索选择下拉列表的实例
2018/01/11 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
2018/08/24 Javascript
Vue父组件如何获取子组件中的变量
2019/07/24 Javascript
JS代码实现页面切换效果
2021/01/10 Javascript
Python 实现数据库(SQL)更新脚本的生成方法
2017/07/09 Python
Python2中文处理纪要的实现方法
2018/03/10 Python
Python中判断输入是否为数字的实现代码
2018/05/26 Python
解决tensorflow添加ptb库的问题
2020/02/10 Python
Django mysqlclient安装和使用详解
2020/09/17 Python
通过Python pyecharts输出保存图片代码实例
2020/11/25 Python
pycharm激活码免费分享适用最新pycharm2020.2.3永久激活
2020/11/25 Python
Python更改pip镜像源的方法示例
2020/12/01 Python
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
企事业单位求职者的自我评价
2013/12/28 职场文书
班长竞选演讲稿
2014/04/24 职场文书
银行先进个人总结
2015/02/15 职场文书
初婚未育证明样本
2015/06/18 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
Java实现多文件上传功能
2021/06/30 Java/Android
一篇文章带你学习Mybatis-Plus(新手入门)
2021/08/02 Java/Android