关于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 防止刷新,后退,关闭
Aug 07 Javascript
关于jquery append() html时的小问题的解决方法
Dec 16 Javascript
Html5的placeholder属性(IE兼容)实现代码
Aug 30 Javascript
JavaScript实现模仿桌面窗口的方法
Jul 18 Javascript
json对象与数组以及转换成js对象的简单实现方法
Jun 24 Javascript
如何解决手机浏览器页面点击不跳转浏览器双击放大网页
Jul 01 Javascript
快速使用node.js进行web开发详解
Apr 26 Javascript
node puppeteer(headless chrome)实现网站登录
May 09 Javascript
Vue登录注册并保持登录状态的方法
Aug 17 Javascript
微信小程序 确认框的实现(附代码)
Jul 23 Javascript
Vue 用Vant实现时间选择器的示例代码
Oct 25 Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 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
PHP中函数rand和mt_rand的区别比较
2012/12/26 PHP
PHP file_get_contents函数读取远程数据超时的解决方法
2015/05/13 PHP
Yii2实现ActiveForm ajax提交
2017/05/26 PHP
Laravel Validator 实现两个或多个字段联合索引唯一
2019/05/08 PHP
JS的反射问题
2010/04/07 Javascript
Date对象格式化函数代码
2010/07/17 Javascript
基于JQuery的一个简单的鼠标跟随提示效果
2010/09/23 Javascript
利用js(jquery)操作Cookie的方法说明
2013/12/19 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
2014/04/30 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
2014/09/06 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
2015/08/05 Javascript
jquery实现全屏滚动
2015/12/28 Javascript
在JavaScript中call()与apply()区别
2016/01/22 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
2016/01/27 Javascript
JS中使用DOM来控制HTML元素
2016/07/31 Javascript
js实现统计字符串中特定字符出现个数的方法
2016/08/02 Javascript
jQuery实现的tab标签切换效果示例
2016/09/05 Javascript
爬虫利器Puppeteer实战
2019/01/09 Javascript
node.js中Buffer缓冲器的原理与使用方法分析
2019/11/23 Javascript
jQuery单页面文字搜索插件jquery.fullsearch.js的使用方法
2020/02/04 jQuery
[56:38]DOTA2-DPC中国联赛正赛Aster vs Magma BO3 第一场 3月5日
2021/03/11 DOTA
Python中atexit模块的基本使用示例
2015/07/08 Python
对python append 与浅拷贝的实例讲解
2018/05/04 Python
pycharm中成功运行图片的配置教程
2018/10/28 Python
Python一个简单的通信程序(客户端 服务器)
2019/03/06 Python
在python里面运用多继承方法详解
2019/07/01 Python
对Django中static(静态)文件详解以及{% static %}标签的使用方法
2019/07/28 Python
python如何使用jt400.jar包代码实例
2019/12/20 Python
基于python修改srt字幕的时间轴
2020/02/03 Python
浅谈Pycharm最有必要改的几个默认设置项
2020/02/14 Python
python3 实现口罩抽签的功能
2020/03/11 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
北卡罗来纳州豪华家具和家居装饰店:Carolina Rustica
2018/10/30 全球购物
RUIFIER官网:英国奢侈高级珠宝品牌
2020/06/12 全球购物
幼儿园中秋节活动方案
2014/02/06 职场文书
党员批评与自我批评范文
2014/09/23 职场文书