关于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中将Object转换为String函数代码 (json str)
Apr 29 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
5秒后跳转到另一个页面的js代码
Oct 12 Javascript
javascript数组输出的两种方式
Jan 13 Javascript
jQuery选择器源码解读(八):addCombinator函数
Mar 31 Javascript
JavaScript事件类型中UI事件详解
Jan 14 Javascript
聊一聊JavaScript作用域和作用域链
May 03 Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
Aug 02 Javascript
JS中页面与页面之间超链接跳转中文乱码问题的解决办法
Dec 15 Javascript
BootStrap3使用错误记录及解决办法
Dec 22 Javascript
微信小程序使用radio显示单选项功能【附源码下载】
Dec 11 Javascript
JS FormData对象使用方法实例详解
Feb 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
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
阿里对象存储OSS在laravel框架中的使用方法
2019/10/13 PHP
16个最流行的JavaScript框架[推荐]
2011/05/29 Javascript
HTML5之lang属性与dir属性的详解
2013/06/19 Javascript
100个不能错过的实用JS自定义函数
2014/03/05 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
2014/12/04 Javascript
jQuery中:contains选择器用法实例
2014/12/30 Javascript
javascript实现简单的进度条
2015/07/02 Javascript
Extjs实现下拉菜单效果
2016/04/01 Javascript
node.js Sequelize实现单实例字段或批量自增、自减
2016/12/08 Javascript
详解Vue自定义过滤器的实现
2017/01/10 Javascript
详解Vue2 无限级分类(添加,删除,修改)
2017/03/07 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
2017/07/10 jQuery
vue-cli项目中怎么使用mock数据
2017/09/27 Javascript
JavaScript实现AOP详解(面向切面编程,装饰者模式)
2017/12/19 Javascript
vue通过点击事件读取音频文件的方法
2018/05/30 Javascript
微信小程序bindtap事件与冒泡阻止详解
2019/08/08 Javascript
用Node写一条配置环境的指令
2019/11/14 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
[01:42]DOTA2 – 虚无之灵
2019/08/25 DOTA
Python实现Linux的find命令实例分享
2017/06/04 Python
在ubuntu16.04中将python3设置为默认的命令写法
2018/10/31 Python
Python中collections模块的基本使用教程
2018/12/07 Python
详解django2中关于时间处理策略
2019/03/06 Python
详解python中的数据类型和控制流
2019/08/08 Python
python中删除某个元素的方法解析
2019/11/05 Python
GEOX鞋美国官方网站:意大利会呼吸的鞋
2017/07/12 全球购物
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
中学运动会广播稿
2014/01/19 职场文书
幼儿园教师岗位职责
2014/03/17 职场文书
森林病虫害防治方案
2014/06/02 职场文书
学校食堂食品安全责任书
2014/07/28 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
旷课检讨书范文
2014/10/30 职场文书
2015年党风廉政建设责任书
2015/01/29 职场文书
给老婆的保证书怎么写
2015/05/08 职场文书