SpreadJS表格控件如何设置表格样式
浏览量:2130
时间:2024-03-04 13:15:01
作者:采采
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(); ```通过以上代码,您可以自定义表格的表脚样式,使其更加突出和易于阅读。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。