- var grid;// 声明变量
- $(function () {
- //grid 初始化
- grid = $("#maingrid4").ligerGrid({
- columns: [
- { display: '主键', name: 'CustomerID', align: 'left', width: 120 },
- { display: '公司名', name: 'CompanyName', minWidth: 60 },
- {
- display: '城市', name: 'City', id: 'City1', // 要进行隐藏的列, 注意必须为该列设置 id
- totalSummary:
- {
- type: 'count'
- }
- },
- { display: '联系名', name: 'ContactName', width: 50, align: 'left' }
- ], pageSize:10,
- data: CustomersData,
- width: '100%',height:'100%',allowHideColumn:false
- });
- });
初始化表格之后, 在 JS 或 jQuery 的页面加载完成事件里面插入以下代码即可
grid.toggleCol('City1', false);//"City1" 为要隐藏的列的 id;false 为隐藏, 如果为 true, 则为显示
参考的示例: http://www.ligerui.com/demo.html 网站中的 表格 -> 表头 / 列 -> 显示 / 隐藏列
来源: http://www.bubuko.com/infodetail-2928681.html