layui数据表格隐藏列，如ID列方法

在使用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});

我们就会获得一列有序的数列（ps:这里的必须加width属性，使用minWidth没有用，如果没用width，那么会使用layui的表格默认宽度40）

那么问题来了，我们的id怎么获取呢，难道id再开一列吗，如果id有意义，那么再开一列是可以的，如果没有意义但有需要用的话，那么把id隐藏起来更为美观。在layui2.4版本以前我们可以用layui的数据表格的done参数

  table.render({elem: '#test',url:'${pageContext.request.contextPath}/findcustomers',cols: [[{align:'center', title: '编号', sort: true,type:'numbers',width:100},{field:'cust_id', title: 'ID'}]],done:function(res,curr,count){ // 隐藏列$(".layui-table-box").find("[data-field='cust_id']").css("display","none");},page: true});

可以将id隐藏，但有那么零点几秒，id的列是加载出来了，最后隐藏的。那么有没有更有效的办法呢，只能layui自己在加载的时候，实现隐藏。所以在layui2.4版本的时候，layui的cols的参数新添了hide（隐藏）属性。

  table.render({elem: '#test',url:'${pageContext.request.contextPath}/findcustomers',cols: [[{align:'center', title: '编号', sort: true,type:'numbers',width:100},{field:'cust_id', title: 'ID', hide:true}]],page: true});

我们只需添加 hide：true就可以将id列隐藏，并且能获得数据。

————————————————
版权声明：本文为CSDN博主「玛丽贝贝红」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_41434612/article/details/83239957

layui数据表格隐藏列，如ID列方法相关推荐

Layui数据表格隔行变色的两种方法
开发工具与关键技术:MVC 作者:Mr_恺撰写时间:2019年7月17日 Layui数据表格隔行变色,第一种的就是layui插件里有一个自带的方法: even这个属性把它设置为:true,就开启 ...
页面多个layui数据表格时，根据ID获取对应表格数据
版本2.2.6 中使用 layui.table.cache.tablename 可以取到表格中所有数据 tablename :表格ID
layui数据表格时间戳转换为时间格式的方法
//第一个实例table.render({elem: '#idTest'//,height: 315,url: '{$_M[url][own_form]}a=do_table_log&pid= ...
html表格的隐藏列,layui实现数据表格隐藏列的示例
在使用layui做数据表格的时候,插入的数据的id是不是一组连续的数字,那么就需要用到layui的cols的type属性. table.render({ elem: '#test' ,url:'${p ...
layui 鼠标移入变为小手_如何在 LayUI 数据表格的列元素上，鼠标悬浮，显示所有文字内容（修改源码）...
文中使用的LayUI版本:layui-v2.5.5 问题描述: 最近参与开发了问题分析: 要实现鼠标悬浮显示所有内容,一般采用的都是给对应元素上添加 title 属性,这样当鼠标悬浮在对应列的时候, ...
layui数据表格增加序号列（第二页从1开始 or 接上一页序号开始）
layui数据表格增加序号列: 一.分页模式下第二页从1开始 1.在table.render()方法中,加 {title: '序号', align: "center",temple ...
解决Layui数据表格无数据最后列被顶出去的问题
解决Layui数据表格无数据最后列被顶出去的问题参考文章: (1)解决Layui数据表格无数据最后列被顶出去的问题 (2)https://www.cnblogs.com/Caoxdong/p/963 ...
layui数据表格（一：基础篇，数据展示、分页组件、表格内嵌表单和图片）
表格展示神器之一:layui表格前言:在写后台管理系统中使用最多的就是表格数据展示了,使用表格组件能提高大量的开发效率,目前主流的数据表格组件有bootstrap table.layui table ...
layui数据表格如何获取id_LayUI之table数据表格获取行、行高亮等相关操作
前言目前LayUI数据表格既美观有不乏一些实用功能.基本上表格应有的操作已经具备,LayUI作者[贤心]肯定是煞费苦心去优化,此处致敬.但是实话实话,如果单纯那数据表格功能来说,EasUI的数据表格 ...

layui数据表格隐藏列，如ID列方法

layui数据表格隐藏列，如ID列方法相关推荐

最新文章

热门文章