关于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之单独使用UISearchBar创建搜索框的示例
- Flex 遍历Object键和值的示例代码
- MAC系统中添加MYSQL开机启动的方法
- Sql Server 和 Access 操作数据库结构Sql语句小结
- sqlserver2008安装报语言不符的解决方法
- Vue.js每天必学之过滤器与自定义过滤器
- 用java在web环境下上传和下载文件的技巧
- js检查是否关闭浏览器的方法
- php获取开始与结束日期之间所有日期的方法
- 第七章 php自定义函数实现代码
- js获取系统的根路径实现介绍
- 一步一步教你写带图片注释的淡入淡出插件(四)
- Powershell小技巧之删除不规则字符
- Linux 中 CURL常用命令详解
- sql查询表中根据某列排序的任意行语句
- 绿色版 mysql 安装配置
- C# .net实现货币转换示例
- 详解Android的内存优化--LruCache
- 快速了解Maven
- Java编程实现二项分布的采样或抽样实例代码