GridManager 表格管理组件， 对列的隐藏与显示的操作有两种方式。初始化时指定列为隐藏或显示状态。方式如下:<table></table>var table = document.querySelector('table');table.GM({ gridManagerName: 'test', ajax_url: 'http://www.lovejavascript.com/learnLinkManager/getLearnLinkList', columnData: [{ key: 'name', // 指定不显示该列 isShow: false, text: 'username' },{ key: 'type', // 指定显示该列 isShow: true, text: 'type' },{ key: 'info', // 不指定该列的显示状态， 默认为true text: 'info' }]});渲染完成后，对列进行隐藏或显示操作。在已经执行过init的前提下，可通过如下方式对列进行操作:// 对第一列进行显示var table = document.querySelector('table');var th_name = table.querySelector('th[th-name="name"]');table.GM('showTh', th_name);// 对第二列进行隐藏var table = document.querySelector('table');var th_type = table.querySelector('th[th-name="type"]');table.GM('hideTh', th_type);// 批量操作 -> 隐藏第二和第三列var table = document.querySelector('table');var thList = table.querySelectorAll('th');document.querySelector('table').GM('hideTh', [thList[1], thList[2]]); // 批量操作 -> 显示全部列var table = document.querySelector('table');var thList = table.querySelectorAll('th');document.querySelector('table').GM('showTh', thList);
