GridManager 表格管理组件， 对列的隐藏与显示的操作有两种方式。
1.初始化时指定列为隐藏或显示状态。方式如下:
<table></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'
}]
});2.渲染完成后，对列进行隐藏或显示操作。在已经执行过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);GridManager API
GridManager github
作者：@拭目以待（表格管理开源项目GridManager）
Want to know How To Make Love？I know HTML!
作者：好大一只小兔
链接：https://www.jianshu.com/p/775d00b18606
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí)，寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會(huì)繼續(xù)努力的～
掃碼打賞，你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃，即可進(jìn)行掃碼打賞哦