关于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 相关文章推荐
网上应用的一个不错common.js脚本
Aug 08 Javascript
javascript 面向对象,实现namespace,class,继承,重载
Oct 29 Javascript
javascript 面向对象继承
Nov 26 Javascript
javascript开发技术大全-第3章 js数据类型
Jul 03 Javascript
Javascript中自动切换焦点实现代码
Dec 15 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
Jan 04 Javascript
商城常用滚动的焦点图效果代码简单实用
Mar 28 Javascript
json中换行符的处理方法示例介绍
Jun 10 Javascript
JavaScript中的单引号和双引号报错的解决方法
Sep 01 Javascript
javasript实现密码的隐藏与显示
May 08 Javascript
React Native基础入门之调试React Native应用的一小步
Jul 02 Javascript
Vue自定义toast组件的实例代码
Aug 15 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
for循环连续求和、九九乘法表代码
2012/02/20 PHP
PHP实现通过Luhn算法校验信用卡卡号是否有效
2015/03/23 PHP
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
PHP对称加密函数实现数据的加密解密
2016/10/27 PHP
Redis构建分布式锁
2017/03/28 PHP
laravel框架中间件 except 和 only 的用法示例
2019/07/12 PHP
重定向实现代码
2006/11/20 Javascript
JS延迟加载加快页面打开速度示例代码
2013/12/30 Javascript
jQuery网页版打砖块小游戏源码分享
2015/08/20 Javascript
详解AngularJS实现表单验证
2015/12/10 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
VUE JS 使用组件实现双向绑定的示例代码
2017/01/10 Javascript
深入理解react 组件类型及使用场景
2019/03/07 Javascript
vue 设置 input 为不可以编辑的实现方法
2019/09/19 Javascript
package.json中homepage属性的作用详解
2020/03/11 Javascript
Python正则表达式介绍
2012/08/06 Python
Python二维码生成库qrcode安装和使用示例
2014/12/16 Python
python实现红包裂变算法
2016/02/16 Python
利用PyInstaller将python程序.py转为.exe的方法详解
2017/05/03 Python
Python叠加矩形框图层2种方法及效果
2020/06/18 Python
html5表单及新增的改良元素详解
2016/06/07 HTML / CSS
浅谈Html5移动端ios/Android兼容性总结
2018/06/01 HTML / CSS
VICHY薇姿英国官网:全球专业敏感肌护肤领先品牌
2017/07/04 全球购物
Saucony澳大利亚官网:美国跑鞋品牌,运动鞋中的劳斯莱斯
2018/05/05 全球购物
Mamaearth官方网站:印度母婴护理产品公司
2019/10/06 全球购物
财务会计毕业生自荐信
2013/11/02 职场文书
《湘夫人》教学反思
2014/02/21 职场文书
小学生常见病防治方案
2014/06/06 职场文书
学校端午节活动方案
2014/08/23 职场文书
2014矛盾纠纷排查调处工作总结
2014/12/09 职场文书
2015年度护士个人工作总结
2015/04/09 职场文书
什么是执行力?9个故事告诉您:成功绝非偶然!
2019/07/05 职场文书
浅谈JS的二进制家族
2021/05/09 Javascript
一文搞懂Python Sklearn库使用
2021/08/23 Python