关于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精华代码集
Jan 24 Javascript
JavaScript 设计模式之组合模式解析
Apr 09 Javascript
javascript在myeclipse中报错的解决方法
Oct 29 Javascript
解决checkbox的attr(checked)一直为undefined问题
Jun 16 Javascript
JavaScript中的toDateString()方法使用详解
Jun 12 Javascript
JavaScript中的acos()方法使用详解
Jun 14 Javascript
JavaScript中输出信息的方法(信息确认框-提示输入框-文档流输出)
Jun 12 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
Jun 27 Javascript
jquery动态遍历Json对象的属性和值的方法
Jul 27 Javascript
10 种最常见的 Javascript 错误(频率最高)
Feb 08 Javascript
vue基于element的区间选择组件
Sep 07 Javascript
vue如何在data中引入图片的正确路径
Jun 05 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递归实现无限分类生成下拉列表的函数
2010/08/08 PHP
php购物车实现方法
2015/01/03 PHP
详解HTTP Cookie状态管理机制
2016/01/14 PHP
PHP数组操作实例分析【添加,删除,计算,反转,排序,查找等】
2016/12/24 PHP
JavaScript 字符串连接性能优化
2008/12/20 Javascript
Jquery 设置标题的自动翻转
2009/10/03 Javascript
无缝滚动js代码通俗易懂(自写)
2013/06/19 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
2013/08/26 Javascript
鼠标经过tr时,改变tr当前背景颜色
2014/01/13 Javascript
javascript实现切换td中的值
2014/12/05 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
2017/02/19 Javascript
Vuex简单入门
2017/04/19 Javascript
详解Vue.js项目API、Router配置拆分实践
2018/03/16 Javascript
JavaScript变量声明var,let.const及区别浅析
2018/04/23 Javascript
jQuery基于Ajax实现读取XML数据功能示例
2018/05/31 jQuery
JavaScript设计模式之命令模式实例分析
2019/01/16 Javascript
详解auto-vue-file:一个自动创建vue组件的包
2019/04/26 Javascript
JS中call()和apply()的功能及用法实例分析
2019/06/28 Javascript
axios如何取消重复无用的请求详解
2019/12/15 Javascript
[09:34]2018DOTA2国际邀请赛寻真——永不放弃的iG
2018/08/14 DOTA
浅析Python基础-流程控制
2016/03/18 Python
Python编码爬坑指南(必看)
2016/06/10 Python
Python 中迭代器与生成器实例详解
2017/03/29 Python
Python微医挂号网医生数据抓取
2019/01/24 Python
python dataframe NaN处理方式
2019/12/26 Python
PyCharm2019 安装和配置教程详解附激活码
2020/07/31 Python
利用html5 canvas动态画饼状图的示例代码
2018/04/02 HTML / CSS
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
凯特方迪化妆品官网:Kat Von D Beauty
2016/11/15 全球购物
广告设计专业自荐信范文
2013/11/14 职场文书
小学教师师德感言
2014/02/10 职场文书
典型事迹材料范文
2014/12/29 职场文书
公司聚餐通知
2015/04/22 职场文书
分享一些Java的常用工具
2021/06/11 Java/Android
MySQL分布式恢复进阶
2022/07/23 MySQL