关于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 相关文章推荐
广告显示判断
Aug 31 Javascript
复制小说文本时出现的随机乱码的去除方法
Sep 07 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
May 19 Javascript
基于js与flash实现的网站flv视频播放插件代码
Oct 14 Javascript
JavaScript函数的调用以及参数传递
Oct 21 Javascript
JS原型链怎么理解
Jun 27 Javascript
js实现4个方向滚动的球
Mar 06 Javascript
AngularJS自定义指令之复制指令实现方法
May 18 Javascript
ES6中字符串的使用方法扩展
Jun 04 Javascript
OpenLayers3实现对地图的基本操作
Sep 28 Javascript
JavaScript声明变量和数据类型的转换
Apr 12 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
我的论坛源代码(一)
2006/10/09 PHP
php计算数组相同值出现次数的代码(array_count_values)
2015/01/20 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
php使用ffmpeg获取视频信息并截图的实现方法
2016/05/03 PHP
php版微信小店API二次开发及使用示例
2016/11/12 PHP
javascript 短路法代码精简
2009/08/20 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
微信小程序  modal详解及实例代码
2016/11/09 Javascript
轻松理解Javascript变量的相关问题
2017/01/20 Javascript
jquery封装插件时匿名函数形参和实参的写法解释
2017/02/14 Javascript
Bootstrap Table使用整理(四)之工具栏
2017/06/09 Javascript
JavaScript如何获取到导航条中HTTP信息
2017/10/10 Javascript
JavaScript实现三级级联特效
2017/11/05 Javascript
vue-router beforeEach跳转路由验证用户登录状态
2018/12/26 Javascript
小程序云开发如何实现图片上传及发表文字
2019/05/17 Javascript
JS中超越现实的匿名函数用法实例分析
2019/06/21 Javascript
javascript实现商品图片放大镜
2019/11/28 Javascript
利用Python的Django框架中的ORM建立查询API
2015/04/20 Python
Python_LDA实现方法详解
2017/10/25 Python
Python中Threading用法详解
2017/12/27 Python
[原创]windows下Anaconda的安装与配置正解(Anaconda入门教程)
2018/04/05 Python
pyspark操作MongoDB的方法步骤
2019/01/04 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
Python实现K折交叉验证法的方法步骤
2019/07/11 Python
调试Django时打印SQL语句的日志代码实例
2019/09/12 Python
Python中输入和输出(打印)数据实例方法
2019/10/13 Python
Python列表list常用内建函数实例小结
2019/10/22 Python
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
彪马英国官网:PUMA英国
2019/02/11 全球购物
公司薪酬管理制度
2014/01/31 职场文书
2014新课程改革心得体会
2014/03/10 职场文书
学校世界艾滋病日宣传活动总结
2015/05/05 职场文书
小型婚礼主持词
2015/06/30 职场文书
2016年教师节特级教师获奖感言
2015/12/09 职场文书
如何写好一份优秀的工作总结?
2019/06/21 职场文书
mysql外连接与内连接查询的不同之处
2021/06/03 MySQL