关于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 相关文章推荐
Jquery CheckBox全选方法代码附js checkbox全选反选代码
Jun 09 Javascript
父页面显示遮罩层弹出半透明状态的dialog
Mar 04 Javascript
Javascript中的return作用及javascript return关键字用法详解
Nov 05 Javascript
JS动态插入并立即执行回调函数的方法
Apr 21 Javascript
微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码
Jan 13 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
Jun 20 Javascript
微信小程序实现topBar底部选择栏效果
Jul 20 Javascript
js实现弹出框的拖拽效果实例代码详解
Apr 16 Javascript
Cordova(ionic)项目实现双击返回键退出应用
Sep 17 Javascript
layui 解决富文本框form表单提交为空的问题
Oct 26 Javascript
微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】
Jun 01 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
Jan 25 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去除数组中重复的元素并按键名排序函数
2008/08/18 PHP
PHP空值检测函数与方法汇总
2017/11/19 PHP
chrome原生方法之数组
2011/11/30 Javascript
jquery struts 验证唯一标识(公用方法)
2013/03/27 Javascript
js中widow.open()方法使用详解
2013/07/30 Javascript
解决用jquery load加载页面到div时,不执行页面js的问题
2014/02/22 Javascript
分享20款美化网站的 jQuery Lightbox 灯箱插件
2014/10/10 Javascript
javascript中$(function() {});写与不写有哪些区别
2015/08/10 Javascript
JS实现自定义简单网页软键盘效果代码
2015/11/05 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
2015/11/26 Javascript
整理Javascript基础语法学习笔记
2015/11/29 Javascript
深入理解Java线程编程中的阻塞队列容器
2015/12/07 Javascript
JavaScript数组合并的多种方法
2016/05/22 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
2016/07/09 Javascript
快速解决js中window.location.href不工作的问题
2016/11/02 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
解析如何利用iframe标签以及js制作时钟
2016/12/08 Javascript
react-native-fs实现文件下载、文本存储的示例代码
2017/09/22 Javascript
详解在create-react-app使用less与antd按需加载
2018/12/06 Javascript
Angular处理未可知异常错误的方法详解
2021/01/17 Javascript
用python代码做configure文件
2014/07/20 Python
详解Python函数作用域的LEGB顺序
2016/05/14 Python
Python实现一个转存纯真IP数据库的脚本分享
2017/05/21 Python
python实现高斯(Gauss)迭代法的例子
2019/11/20 Python
如何在Python 游戏中模拟引力
2020/03/27 Python
python将音频进行变速的操作方法
2020/04/08 Python
GIVENCHY纪梵希官方旗舰店:高定彩妆与贵族护肤品
2018/04/16 全球购物
会计电算化个人自我评价
2013/11/17 职场文书
平面网站制作专科生的自我评价分享
2013/12/11 职场文书
小学生考试获奖感言
2014/01/30 职场文书
医学生就业推荐表自我鉴定
2014/03/26 职场文书
地球一小时宣传标语
2014/06/24 职场文书
对党的十八届四中全会的期盼
2014/10/17 职场文书
村党的群众路线教育实践活动总结材料
2014/10/31 职场文书
2014年保育员个人工作总结
2014/12/02 职场文书
Nginx动静分离配置实现与说明
2022/04/07 Servers