html 隐藏表格某一行,layui怎么隐藏表格行？

layui怎么隐藏表格行？下面本篇文章给大家介绍一下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

});

我们就会获得一列有序的数列(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列隐藏，并且能获得数据。

更多web开发知识，请查阅 HTML中文网！！

html 隐藏表格某一行,layui怎么隐藏表格行？相关推荐

html表格选择一行,vue + element table表格如何默认选中第一行
有一个dialog的对话框,我想要在进入对话框的时候默认选中table的第一个页面dialog部分: :model="zzc" :inline="true" ...
html表格的隐藏列,layui实现数据表格隐藏列的示例
在使用layui做数据表格的时候,插入的数据的id是不是一组连续的数字,那么就需要用到layui的cols的type属性. table.render({ elem: '#test' ,url:'${p ...
setactive隐藏之后无法显示_WPS表格：如何显示和隐藏顶部工具栏？
表格顶部功能区的工具栏,提供了很多实用的工具按钮,这在工作中是必不可少的.但是有些时候需要扩大屏幕的显示面积,增加表格的可视化视野,这个时候就可以考虑关闭工具栏,最大限度的显示表格. 我们在WPS20 ...
iView学习笔记(三)：表格搜索，过滤及隐藏列操作
iView学习笔记(三):表格搜索,过滤及隐藏某列操作 1.后端准备工作环境说明 python版本:3.6.6 Django版本:1.11.8 数据库:MariaDB 5.5.60 新建Django ...
layui当前表格第一行_layui数据表格新增一行
方案一 layui的数据表格集成了查看编辑删除等功能,但新增功能官方文档却没有提及,当业务需求需要点击新增一行时,可用如下方式实现实现的思路是:当点击新增一行时,把之前的数据保存下来,并在数据尾部增 ...
AntDesignVue表格中列的自定义隐藏与展示
Vue版本:2.6.x,AntDesignVue版本:1.7.x 在工作中难免会遇到这种情况,较多列的表格展示,如果只想看某些关键列的数据,就需要用到筛选,官方文档的筛选是针对行的数据筛选,没有对列筛 ...
layui当前表格第一行_layui使用表格渲染获取行数据的例子
需求:使用前端框架layui生成表格,点击表格中一行数据中的按钮,获取到这行数据. 解决办法: 在render中增加字段: done: function (res, curr, count) { // ...
在Excel表格中如何批量快速隐藏空白行
在Excel表格中如何批量快速隐藏空白行目录在Excel表格中如何批量快速隐藏空白行 1.鼠标放置A1单元格,按住键盘Ctrl+Shift+向右方向键+向下方向键,选中有内容的表格 2.点击[开始 ...
Layui数据表格每一行动态显示倒计时
目录声明需求描述后端接口前端代码最终效果声明本文转载自 fengchen0123456789 的以下博客 https://blog.csdn.net/fengchen0123456789 ...

html 隐藏表格某一行,layui怎么隐藏表格行？

html 隐藏表格某一行,layui怎么隐藏表格行？相关推荐

最新文章

热门文章