SpreadJS表格（Table）列可见权限控制

在用户实际需求中，根据权限，要隐藏表格（Table）的特定列。但SpreadJS目前对于列可见性的设置只提供整列设置可见性，如：sheet.getCell(-1, 0).visible(false);
上述代码用来设置表单第一列不可见。但该API无法设置某一行或某一列的局部区域不可见。

本文提供了一种设置表格某一列不可见的实现方式，具体方案如下：
1. 创建所有列数组和临时列数组；

1. let colsInfo = []                 //所有列
   
2. let tempInfo = []               //临时列
   
3. 
   
4. function generateCol(empCol){
   
5.     let column1 = new GC.Spread.Sheets.Tables.TableColumn(1,'orderDate','订单日期')
   
6.     empCol.push(column1)
   
7. 
   
8.     let column2 = new GC.Spread.Sheets.Tables.TableColumn(2,'item','明细',)
   
9.     empCol.push(column2)
   
10.    
    
11.     let column3 = new GC.Spread.Sheets.Tables.TableColumn(3,'cost','金额','$#,##0.00')
    
12.     empCol.push(column3)
    
13. 
    
14.     let checkBox = new GC.Spread.Sheets.CellTypes.CheckBox()
    
15.     checkBox.textTrue('是')
    
16.     checkBox.textFalse('否')
    
17.     let column4 = new GC.Spread.Sheets.Tables.TableColumn(4,'isCash','是否现金',null,checkBox,'isCash')
    
18.     empCol.push(column4)
    
19.    
    
20.     return empCol
    
21. }
    
22. 
    
23. colsInfo = generateCol(colsInfo)
    
24. tempInfo = generateCol(tempInfo)
    

复制代码

2. 创建表格，初始绑定所有列；

1. let table = sheet.tables.add('table01',1,1,4,4,GC.Spread.Sheets.Tables.TableThemes.light1)；
   
2. table.bindColumns(colsInfo)
   

复制代码

3. 创建隐藏某一列按钮，点击按钮时在临时列中删除对应列；

1. spread.bind(GC.Spread.Sheets.Events.ButtonClicked,function(s,e){
   
2.     let {row,col,sheet} = e
   
3.     let deleteCol = sheet.getCell(row,col).value()
   
4.     sheet.suspendPaint()
   
5.     if(deleteCol!=='reset'){
   
6.         let index = findColIndex(deleteCol)
   
7.         if(index > -1){
   
8.             tempInfo.splice(index,1)
   
9.             let table = sheet.tables.findByName('table01')
   
10.             let range = table.range()
    
11.             sheet.tables.remove(table);
    
12.             let newTable = sheet.tables.add('table01',range.row,range.col,range.rowCount,tempInfo.length,GC.Spread.Sheets.Tables.TableThemes.light1)
    
13.             newTable.bindColumns(tempInfo)
    
14.         }
    
15.     }else{
    
16.             let table = sheet.tables.findByName('table01')
    
17.             let range = table.range()
    
18.             sheet.tables.remove(table);
    
19.             let newTable = sheet.tables.add('table01',range.row,range.col,range.rowCount,colsInfo.length,GC.Spread.Sheets.Tables.TableThemes.light1)
    
20.             newTable.bindColumns(colsInfo)
    
21.             tempInfo = generateCol([])
    
22.     }
    
23.     sheet.resumePaint()
    
24. })
    
25. 
    
26. function findColIndex(deleteCol){
    
27.     let index = -1
    
28.     for(let i = 0;i<tempInfo.length;i++){
    
29.         if(tempInfo[i].dataField()==deleteCol){
    
30.             return i
    
31.         }
    
32.     }
    
33.     return index
    
34. }
    

复制代码

demo演示地址：https://jscodemine.grapecity.com/share/xZjphOykbU2p7_kIzvIInw/
演示项目服务器在国外，因此访问较慢，可以耐心等待一会。
demo演示动图见文章末尾。