Question

如何设置SpreadJS的表格样式

Answer 1

设置样式的方式跟html中的css类似，SpreadJS有很多样式的属性，通过设置对应的属性来完成整体样式的设置：
构造一个样式并设置不同的属性, 示例代码如下:
var style = new GC.Spread.Sheets.Style();
style.backColor = 'red';
style.foreColor = 'green';
style.isVerticalText = 'true';

之后可以将此样式设置给单元格, 行, 或者列:
//set style to cell.
sheet.setStyle(5, 5, style, GC.Spread.Sheets.SheetArea.viewport);
//set style to row.
sheet.setStyle(5, -1, style, GC.Spread.Sheets.SheetArea.viewport);
//set style to column.
sheet.setStyle(-1, 5, style, GC.Spread.Sheets.SheetArea.viewport);

样式在不同的层级结构中具有不同的优先级别, 如下: 单元格 > 行 > 列。
另外，SpreadJS 支持给样式设置一个名称, 并将这个命名过的样式加入到表单的名称样式集合中。这样让样式的使用和管理更方便。
构造一个名称样式, 并将此样式添加到表单或者 Spread 控件的名称样式集合中。
var style = new GC.Spread.Sheets.Style();
style.name = 'style1';
style.backColor = 'red';
//add to sheet's named style collection.
sheet.addNamedStyle(style);
//add to spread's named style collection.
spread.addNamedStyle(style);

当名称样式添加到表单名称样式集合中后, 可以通过样式的名称找到它:
sheet.getNamedStyle('style1');
spread.getNamedStyle('style1');

如果名称样式不再使用, 你可以将其从名称集合中删除掉:
sheet.removeNamedStyle('style1');
spread.removeNamedStyle('style1');

Answer 2

下面介绍如何设置SpreadJS的表格样式。
1. Spread.Sheets 提供了很多有关表格的公用接口。通过这些公用接口你可以很容易的管理和分析相互关联的数据。
2. 你可以控制是否要显示表格的表头和表尾，是否要以一种行（列）交替的样式显示表格，是否要把第一列或者最后一列高亮。
3. Spread.Sheets 支持一些内置的表格样式，你也可以自己定制样式。
具体的实现，请参考下面的博客
http://demo.gcpowertools.com.cn/SpreadJS/TutorialSample/#/samples/tableStyle

Answer 3

SpreadJS的表格样式分为4个层次，

分别是单元格、行、列、表单，

设置方式也分为设置完整的Style对象和单独设置样式属性两种，

想完整了解它的样式机制，推荐阅读这篇文章：

如何理解和应用 SpreadJS 中的样式（Style）