SpreadJS表格绑定时纵向扩展

用户在使用SpreadJS设计模板时，其中模板中间区域可能会存在一个表格数据绑定，如下所示：


当绑定好数据源之后，有可能数据源的记录数远远多于现在展示的表的行数，可能会出现如下展示效果：


为解决上述问题，可以使用表格的expandBoundRows()方法，该方法用来设置或获取表格绑定时是否扩展行信息。
如果改方法传参为true,则表格记录增加时会对应的增加行。
具体代码为：

1. let sheet = spread.getSheetFromName('Sheet2')
   
2. let table1 = sheet.tables.findByName('gcTable0')
   
3. table1.expandBoundRows(true)

复制代码

有用户不知道自己在使用设计器进行表格绑定时，生成的表格名称时什么，可以在设计器中点击表格，左上方就会出现表格的名称，如下所示：

这里建议用户自行更改表格名称，注意，表名称不能重复。
设置完成扩展行之后，显示效果如下：

细心的同学会看到，虽然表格不再影响下方数据了，但扩展行上其它区域对应的样式并没有正常显示，此时，我们可以使用copyTo方法来将其它区域的样式、公式、合并信息等复制下来，这里以复制样式为例，具体代码如下：

1. 
   
2. function copyTableStyle(sheet,table){
   
3.         let range = table.dataRange()
   
4.         console.log(range)
   
5.         let startCol = table.expandBoundRows() ? -1 : range.col
   
6.         let colCount = table.expandBoundRows() ? -1 : range.colCount
   
7.         let tableCols = isTableArea(range)
   
8.         for(let i=0; i<range.rowCount-1;i++){
   
9.             for(let j=0; j<sheet.getColumnCount();j++){
   
10.                 //判断是否在表格内
    
11.                 if(tableCols.indexOf(j) == -1){
    
12.                     sheet.copyTo(range.row+i,j,range.row+i+1,j,1,1,GC.Spread.Sheets.CopyToOptions.style)
    
13.                 }
    
14.             }
    
15.         }
    
16.       }
    
17. 
    
18.       function isTableArea(range){
    
19.           //生成表格列范围数组
    
20.         let cols = []
    
21.         for(let i=0; i<range.colCount;i++){
    
22.             cols.push(range.col+i)
    
23.         }
    
24.         return cols
    
25.       }
    

复制代码

设置完成后，显示如图：

此时显示已经正常了，如果有用户同时想拷贝其它元素，可以浏览copyTo方法的APIs说明文档，参考：
https://demo.grapecity.com.cn/sp ... rksheet.html#copyTo，
https://demo.grapecity.com.cn/sp ... html#.CopyToOptions

如果复制逻辑相同，copyTo方法最后一个参数不同拷贝项之间可以用‘|’分隔，如果复制逻辑不同，那针对不同的复制项，重新写copyTo方法即可。

测试工程见附件。