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

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

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

 

layui表格隐藏列的简单实现方法_第1张图片

实现方法:

    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中不要在写这一列,这样才能实现列的隐藏。而且在获取表格的数据时是能获取到的

你可能感兴趣的:(layui,隐藏列)