关于Layui Table隐藏列问题
layui没有提供Table隐藏列的功能(只是写这个文档的时候没有提供)。
第一步:获取Layui的TableBox Jquery对象
var _table_box = $(this._table_elem).next().find(".layui-table-box");
this._table_elem 是指的Table标签的ID
layui-table-box 是layui的类名
第二步:将需要隐藏的列添加 display:none 的样式 :
_table_box.find("[data-field="+value+"]").csss("display","none");
value 指的就是需要隐藏列的 field 值
附上源码:
以上是对layui Table的简单封装。
其实只要改行对象有数据,就能取出来比如列名为 :姓名,性别,年龄 而数据为 userid,username,sex,age
尽管列名里面没有关于userid的字段,但是取行数据的时候实际上是可以取出来的。
以上这篇关于Layui Table隐藏列问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
解决layui表格内文本超出隐藏的问题
只需要更改样式即可 图片: 代码如下 .layui-table-cell{ height:auto; overflow:visible; text-overflow:inherit; 以上这篇解决layui表格内文本超出隐藏的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.
-
关于Layui Table隐藏列问题
layui没有提供Table隐藏列的功能(只是写这个文档的时候没有提供). 第一步:获取Layui的TableBox Jquery对象 var _table_box = $(this._table_elem).next().find(".layui-table-box"); this._table_elem 是指的Table标签的ID layui-table-box 是layui的类名 第二步:将需要隐藏的列添加 display:none 的样式 : _table_box.find(&
-
Layui table field初始化加载时进行隐藏的方法
layui应该是现在用的比较多的前端框架了,尤其是layui.table数据表格非常强大. 在很多时候,我们需要从数据库中拿到记录的id,但是我们又不希望在页面上展现,所以需要对一些字段进行隐藏. 看了网上很多的教程,各种对field进行隐藏,通过display:none等常规手段,虽然列是隐藏了,但是整个表格的展现却出了问题. 今天仔细看了文档,原来layui中已经封装了field隐藏的方法: 用法: {field:'id',title:'ID' ,hide:true},直接在fieId中,使
-
layui实现数据表格隐藏列的示例
在使用layui做数据表格的时候,插入的数据的id是不是一组连续的数字,那么就需要用到layui的cols的type属性. table.render({ elem: '#test' ,url:'${pageContext.request.contextPath}/findcustomers' ,cols: [[ {align:'center', title: '编号', sort: true,type:'numbers',width:100} ]] ,page: true }); 我们就会获得一
-
layui table 列宽百分比显示的实现方法
废话不多说了,为大家分享一下layui实现 table 列宽百分比显示的实例代码,希望对大家有所帮助吧 var layer = layui.layer, form = layui.form, table = layui.table; var $ = layui.$; /*select gysmc,zyzw ,xm ,sjhm ,bgshm ,emilyx , zgsrgzwsj ,zggsgl ,cast(gysxxid as int) as gysxxid, pc, gysryxxMdataI
-
layui table设置某一行的字体颜色方法
table自带的可以设置某一个单元格颜色,必须根据内容来修改,对于很多列同时修改并不方便,直接使用js操作比较简单. 首先自定义一个div,内部存放table,根据class找到table,然后找到行tr,修改其样式中的颜色. //设置layui datatable的某一行的颜色 //TabDivId:tab父div id;RowIndex:行序列号,从0开始:ColorString:颜色字符串,如'#123456' function Layui_SetDataTableRowColor(Tab
-
layui table 表格模板按钮的实例代码
这是个是全部的jsp 页面: <%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %> <html> <link rel="icon" href="../../../static/images/favicon.png" rel="external nofollow" > <title
-
layui table设置前台过滤转义等方法
如下所示: {field: 'username', title: '用户名', width:80,style:'height:100px;',templet: '#titleTpl'} 然后再最后加上 <script type="text/html" id="titleTpl"> {{# if(d.username=='user-0'){ }} 转义用户0 {{# } else if(d.username=='user-1') { }} 转义用户1 {{
-
MySQL中的隐藏列的具体查看
目录 1.存在主键 2.无主键,存在唯一索引 3.存在联合主键或联合唯一索引 4.存在多个唯一索引 5.同时存在主键与唯一索引 6.无符合条件的主键与唯一索引 在介绍mysql的多版本并发控制mvcc的过程中,我们提到过mysql中存在一些隐藏列,例如行标识.事务ID.回滚指针等,不知道大家是否和我一样好奇过,要怎样才能实际地看到这些隐藏列的值呢? 本文我们就来重点讨论一下诸多隐藏列中的行标识DB_ROW_ID,实际上,将行标识称为隐藏列并不准确,因为它并不是一个真实存在的列,DB_ROW_ID
-
JS实现layui table筛选框记忆功能
碰到表中列很多如下表 使用layui table的筛选功能.选完之后呢,关掉浏览器再打开或者换个页面再打开的时候,选择就白选了.这种情况下,客户就要求加个记忆功能.让她下次再打开的时候,还能记忆上次选择的 网上几乎没有这种使用的例子.总之是没有找到相关资料,于是我就把实现的过程记录下来,方便大家用到的时候做个参考. 实现: 记忆的数据可以存到数据库,可以存到本地缓存 本案例放入本地缓存的方式 使用MutationObserver 实现监控点击事件. 由于筛选的跳窗是点开后后加的代码,所以一般的事
-
Extjs中的GridPanel隐藏列会显示在menuDisabled中解决方法
在Extjs中的GridPanel会有这样的情况,隐藏列会显示在menuDisabled中 如下图: 但是这个一般没有什么用处,只是用于后台取值的作用. so 加一个属性:hideable:false就可以搞定了 复制代码 代码如下: { header: "attendanceId", dataIndex: "attendanceId", hideable: false, hidden: true },
随机推荐
- iOS中UILabel实现长按复制功能实例代码
- Java的MyBatis框架中MyBatis Generator代码生成器的用法
- C++的try块与异常处理及调试技术实例解析
- 读取Java文件到byte数组的三种方法(总结)
- java异常和错误类总结(必看篇)
- React-Native 组件之 Modal的使用详解
- 详解react-webpack2-热模块替换[HMR]
- 让你同时上传 1000 个文件 (二)
- linux lsof命令详解及实例
- PHP基于MySQLI函数封装的数据库连接工具类【定义与用法】
- asp 正则实现清除html文本格式的函数代码
- jQuery弹出层插件简化版代码第1/2页
- JavaScript跨平台的开源框架NativeScript
- 浅谈js的异步执行
- 两种php调用Java对象的方法
- vuejs 动态添加input框的实例讲解
- CentOS平台快速搭建LAMP环境的方法
- js实现无缝滚动双图切换效果
- Python判断telnet通不通的实例
- Django框架安装方法图文详解