关于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 相关文章推荐
javascript innerHTML使用分析
Dec 03 Javascript
基于jquery的防止大图片撑破页面的实现代码(立即缩放)
Oct 24 Javascript
JQuery中extend使用介绍
Mar 13 Javascript
javascript将浮点数转换成整数的三个方法
Jun 23 Javascript
jQuery中prepend()方法使用详解
Aug 11 Javascript
js判断空对象的实例(超简单)
Jul 26 Javascript
最常见和最有用的字符串相关的方法详解
Feb 06 Javascript
浅谈Webpack自动化构建实践指南
Dec 18 Javascript
vue实现移动端悬浮窗效果
Dec 01 Javascript
JavaScript ES6箭头函数使用指南
Dec 30 Javascript
Javascript查看大图功能代码实现
May 07 Javascript
Vue实现省市区三级联动
Dec 27 Vue.js
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以指定字段为索引返回数据库所取的数据数组
2013/06/30 PHP
php好代码风格的阶段性总结
2016/06/25 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
2010/04/27 Javascript
获取内联和链接中的样式(js代码)
2013/04/11 Javascript
js获得网页背景色和字体色的方法
2014/03/21 Javascript
封装了jQuery的Ajax请求全局配置
2015/02/05 Javascript
JQuery+CSS实现图片上放置按钮的方法
2015/05/29 Javascript
javascript实现判断鼠标的状态
2015/07/10 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
2015/10/20 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
微信小程序使用radio显示单选项功能【附源码下载】
2017/12/11 Javascript
微信小程序授权登录及解密unionId出错的方法
2018/09/26 Javascript
vue element-ui读取pdf文件的方法
2019/11/26 Javascript
基于js实现逐步显示文字输出代码实例
2020/04/02 Javascript
完美解决安装完tensorflow后pip无法使用的问题
2018/06/11 Python
Flask框架通过Flask_login实现用户登录功能示例
2018/07/17 Python
python批量创建指定名称的文件夹
2019/03/21 Python
详解python 爬取12306验证码
2019/05/10 Python
python求最大公约数和最小公倍数的简单方法
2020/02/13 Python
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统
2020/04/21 Python
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
俄罗斯披萨、寿司和面食送货到家服务:2 Берега
2019/12/15 全球购物
莫斯科珠宝厂官方网站:Miuz
2020/09/19 全球购物
Solaris操作系统的线程机制
2012/12/23 面试题
大学生实习感言
2014/01/16 职场文书
银行简历自我评价
2014/02/11 职场文书
市政工程技术专业自荐书
2014/07/06 职场文书
致运动员加油稿
2015/07/21 职场文书
小学六一儿童节活动开幕词
2016/03/04 职场文书
pytorch 如何使用batch训练lstm网络
2021/05/28 Python
详解Spring Boot使用系统参数表提升系统的灵活性
2021/06/30 Java/Android
Win7/8.1用户可以免费升级到Windows 11系统吗?
2021/11/21 数码科技
Java 异步任务计算FutureTask
2022/04/28 Java/Android