关于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 相关文章推荐
在IE浏览器中resize事件执行多次的解决方法
Jul 12 Javascript
JQuery弹出层示例可自定义
May 19 Javascript
莱鸟介绍window.print()方法
Jan 06 Javascript
使用JavaScript进行表单校验功能
Aug 01 Javascript
JavaScript中 ES6变量的结构赋值
Jul 10 Javascript
Vue全局分页组件的实现代码
Aug 10 Javascript
javascript中函数的写法实例代码详解
Oct 28 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
Aug 14 Javascript
vue自定义指令实现仅支持输入数字和浮点型的示例
Oct 30 Javascript
vuejs中父子组件之间通信方法实例详解
Jan 17 Javascript
vue内置组件component--通过is属性动态渲染组件操作
Jul 28 Javascript
vant组件中 dialog的确认按钮的回调事件操作
Nov 04 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
phpMyAdmin2.11.6安装配置方法
2008/08/24 PHP
simplehtmldom Doc api帮助文档
2012/03/26 PHP
JoshChen_web格式编码UTF8-无BOM的小细节分析
2013/08/16 PHP
php ajax异步读取rss文档数据
2016/03/29 PHP
Laravel5中防止XSS跨站攻击的方法
2016/10/10 PHP
php传值方式和ajax的验证功能
2017/03/27 PHP
jquery png 透明解决方案(推荐)
2010/08/21 Javascript
使用jquery实现select添加实现后台权限添加的效果
2011/05/28 Javascript
Javascript学习笔记-详解in运算符
2011/09/13 Javascript
jQuery实现滚动切换的tab选项卡效果代码
2015/08/26 Javascript
Bootstrap源码学习笔记之bootstrap进度条
2016/12/24 Javascript
Javascript中return的使用与闭包详解
2017/01/11 Javascript
微信小程序商城项目之购物数量加减(3)
2017/04/17 Javascript
JavaScript的继承实现小结
2017/05/07 Javascript
关于javascript获取内联样式与嵌入式样式的实例
2017/06/01 Javascript
浅谈Koa服务限流方法实践
2017/10/23 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
2017/10/26 Javascript
原生js实现Flappy Bird小游戏
2018/12/24 Javascript
百度小程序自定义通用toast组件
2019/07/17 Javascript
改变layer confirm弹窗按钮的颜色方法
2019/09/12 Javascript
Node.js API详解之 util模块用法实例分析
2020/05/09 Javascript
使用pyecharts无法import Bar的解决方案
2020/04/23 Python
基于使用paramiko执行远程linux主机命令(详解)
2017/10/16 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
浅谈keras中自定义二分类任务评价指标metrics的方法以及代码
2020/06/11 Python
css3 按钮 利用css3实现超酷下载按钮
2013/03/18 HTML / CSS
美国紧身牛仔裤品牌:NYDJ
2017/05/24 全球购物
为什么UNION ALL比UNION快
2016/03/17 面试题
大学团支书的自我评价分享
2013/12/14 职场文书
运动会口号大全
2014/06/07 职场文书
搞笑的获奖感言
2014/08/16 职场文书
质监局领导班子对照检查材料思想汇报
2014/09/27 职场文书
Spring整合Mybatis的全过程
2021/06/28 Java/Android
一篇文章告诉你如何实现Vue前端分页和后端分页
2022/02/18 Vue.js
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL