SpreadJS表格控件如何设置表格样式

SpreadJS是基于HTML5的JavaScript电子表格和网格功能控件,适用于.NET、Java和移动端等各平台在线编辑类Excel功能的表格程序开发。该控件可以为表格的不同区域设置不同的样式,

SpreadJS是基于HTML5的JavaScript电子表格和网格功能控件,适用于.NET、Java和移动端等各平台在线编辑类Excel功能的表格程序开发。该控件可以为表格的不同区域设置不同的样式,包括整个表格的内置样式以及特定区域的定制样式。

内置表格样式

通过TableStyle类,您可以查看所有内置表格样式。例如,可以使用下面的例子创建一个表格并为其应用内置样式:

``` var sheet (); (); (10); (10); // Apply built-in style to the table (0, 0, { backColor: "yellow" }, ); (); ```

有时候某些样式函数设置之后可能不会生效,这通常是因为该样式函数所针对的区域可能处于不可见状态或者缺乏默认样式设置。例如,只有在ShowFooter值为True时,lastFooterCellStyle才能生效。以下是一些样式函数生效的前提条件:

前提条件 样式函数生效区域
SheetTable为true 表格对应区域

表脚样式示例

下面这个例子展示了如何设置表脚的样式:

``` var sheet (); (20, 3, [["Total", "SUM(C1:C19)", "AVERAGE(C1:C19)"]]); (20, 0, 1, 3).backColor("lightblue"); (20, 0, 1, 3).foreColor("black").font("bold 12pt Arial").hAlign(); ```

通过以上代码,您可以自定义表格的表脚样式,使其更加突出和易于阅读。

标签: