当前位置: 首页 > Web前端 > CSS

GridManager隐藏列

时间:2023-03-30 16:42:08 CSS

GridManager表格管理组件,有隐藏列和显示列两种方式。指定在初始化期间是隐藏还是显示该列。方法如下:

vartable=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',//不指定列的显示状态,默认为truetext:'info'}]});渲染完成后,隐藏或显示列。在init已经执行的前提下,可以对列进行如下操作://显示第一列vartable=document.querySelector('table');varth_name=table.querySelector('th[th-name="name"]');table.GM('showTh',th_name);//隐藏第二列vartable=document.querySelector('table');varth_type=table.querySelector('th[th-name="type"]');table.GM('hideTh',th_type);//批量操作->隐藏第二列和第三列vartable=document.querySelector('table');varthList=table.querySelectorAll('th');document.querySelector('table').GM('hideTh',[thList[1],thList[2]]);//批量操作->显示所有列vartable=document.querySelector('table');varthList=table.querySelectorAll('th');document.querySelector('table').GM('showTh',thList);