1. 程式人生 > >layui表格隱藏列的簡單實現方法

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中不要在寫這一列,這樣才能實現列的隱藏。而且在獲取表格的資料時是能獲取到的