Spread.Sheets表格绑定样式自动复制

不少用户在使用表格绑定时会碰到自动增加的行Style或者公式丢失的情况，出现这种问题的原因是我们在设计模板时，直接将样式设置在表格的单元格上，当表格行数增加时，增加的行并没有这些样式。

正确的做法时通过设置表格样式来设置风格，而不是直接针对单元格设置，有关表格的设置，大家可以参考：http://demo.grapecity.com.cn/SpreadJS/TutorialSample/#/samples/tableStyle。

或者使用设计器设计表格样式

虽然可以通过表格样式完成行列颜色边框的修改，但是确无法设置Formatter或者Formula。这时，就需要在绑定完成之后将这些信息进行一个复制。

通过下面的示例展示如何复制单元格的样式以及公式

下图为用设计其设计的一个模板，有两个表格，第一个表格钟红色字体设置了Formatter，第二个表格最后一列使用了公式。

我们所期望的效果是绑定后，新增的行也能有formatter和公式，如下图：

要做到这个效果，只需要在绑定后对表格首行的样式和公式进行一个复制，将其复制到表格其他行即可，代码如下；

        var spread = new GC.Spread.Sheets.Workbook(document.getElementById('ss'));
        spread.suspendPaint();
        spread.fromJSON(templateJSON);
        var sheet = spread.getActiveSheet();
        var source = new GC.Spread.Sheets.Bindings.CellBindingSource(data);
        sheet.setDataSource(source);
       
        var tables = sheet.tables.all();
        if(tables){
            for (var i = 0; i < tables.length; i++){
                copyTableStyle(sheet, tables[i])
            }
        }
        spread.resumePaint();
    };
    function copyTableStyle(sheet, table){
        var range = table.dataRange();
        var rowHeight = sheet.getRowHeight(range.row);
        for (var i = 1; i < range.rowCount; i++) {
            // Copy Style
            sheet.copyTo(range.row + i - 1, range.col, range.row + i, range.col, 1, range.colCount, GC.Spread.Sheets.CopyToOptions.style);
            // Copy Formula
            sheet.copyTo(range.row + i - 1, range.col, range.row + i, range.col, 1, range.colCount, GC.Spread.Sheets.CopyToOptions.formula);
        }
    }

通过上面的代码就可以完成所有table样式的复制了。

更多资源

如果您对SpreadJS产品感兴趣，请到官方网站下载试用：/developer/spreadjs

产品咨询电话：400-657-6008

Spread.Sheets中文学习指南：http://demo.grapecity.com.cn/SpreadJS/TutorialSample/#/samples

Spread.Sheets在线英文产品文档：http://sphelp.grapecity.com/webhelp/SpreadSheets10/webframe.html