如何用layui实现数据表格隐藏列功能?

2026-04-06 12:590阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计430个文字,预计阅读时间需要2分钟。

如何用layui实现数据表格隐藏列功能?

在使用layui制作数据表格时,如果插入的数据的id不是一组连续的数字,那么就需要利用layui的cols属性的type属性来处理。具体来说,可以在table.render()配置中使用如下代码:table.render({elem: '表格元素选择器', cols: [[{field: '字段名', title: '', type: 'text'}, ...]]}); 其中,type属性可以设置为'text',表示该字段的值不是连续的数字。

在使用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隐藏起来更为美观。

阅读全文

本文共计430个文字,预计阅读时间需要2分钟。

如何用layui实现数据表格隐藏列功能?

在使用layui制作数据表格时,如果插入的数据的id不是一组连续的数字,那么就需要利用layui的cols属性的type属性来处理。具体来说,可以在table.render()配置中使用如下代码:table.render({elem: '表格元素选择器', cols: [[{field: '字段名', title: '', type: 'text'}, ...]]}); 其中,type属性可以设置为'text',表示该字段的值不是连续的数字。

在使用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隐藏起来更为美观。

阅读全文