layui表格隐藏列的简单实现方法

需求:渲染表格的时候,比如id在内的一些列是不需要展示给用户看的,但是在操作表格的时候还需要用得到,这就需要隐藏列 的功能

实现效果:页面上不显示,但是能获取到id的值。

 

实现方法:

    table.render({
      id:'id',    //可以在这里设置需要隐藏的列的字段名,如果是要隐藏多列的话这样写 id:'id,sex'
      elem: '#table'
      ,url:'/html/api/ztable.json'
      ,cellMinWidth: 80 //全局定义常规单元格的最小宽度,layui 2.2.1 新增
      ,page: { //支持传入 laypage 组件的所有参数(某些参数除外,如:jump/elem) - 详见文档
        layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
        //,curr: 5 //设定初始在第 5 页
        ,groups: 1 //只显示 1 个连续页码
        ,first: false //不显示首页
        ,last: false //不显示尾页
        
      }
      ,cols: [initTable]       //在id中配置完之后,这里不写那一列,才能实现列的隐藏
      ,page: true
    });

注意:1.如果需要多列隐藏实现方法是   id:'id,sex',

             2.在表格的配置中编写完成之后,要注意在cols中不要在写这一列,这样才能实现列的隐藏。而且在获取表格的数据时是能获取到的

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值