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