表格控件SpreadJS使用教程：如何给表格设置样式和主题-控件新闻-慧都网

表格控件SpreadJS使用教程：如何给表格设置样式和主题

转帖|使用教程|编辑：鲍佳佳|2020-08-13 09:49:44.880|阅读 338 次

概述：通过SpreadJS你可以创建样式并将样式分配给单元格、行、列或表。还可以为 Spread.Sheets 控件设置主题。本文就如何设置BootStrap，Excel样式进行说明。

相关链接：

SpreadJS是一款基于HTML5的纯前端表格控件，兼容450种以上的Excel公式，具备“高性能、跨平台、与 Excel 高度兼容”的产品特性，备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐，并被中国软件行业协会认定为“中国优秀软件产品”。

您可以创建样式并将样式分配给单元格、行、列或表。还可以为 Spread.Sheets 控件设置主题。您可以设置当前主题，Excel的一个主题，bootstrap主题，或根据主题规则创建自定义的jQuery主题。

设置 BootStrap 主题

你可以给 Spread.Sheets 设置 BootStrap 主题。

你需要在 gc.spread.sheets.x.xx.xxxxx.x.css 之后引入 bootstrap.css。

比如在你的工程里有一个 bootstrap.css 文件和 bootstrap-theme.css 文件，你可以在页面上这么写：


 < link rel="stylesheet" href="css/bootstrap-theme.css" data-ke-src="css/bootstrap-theme.css" />

使用Excel主题

你可以在 Spread.Sheets 中使用 Excel 主题。这需要你在页面上引入一个 CSS 文件：

Excel 2013 主题也支持标签栏和滚动条。

你可以使用以下主题

你也可以将Excel主题和其他主题结合起来，比如bootstrap主题。



 < link rel="stylesheet" href="css/bootstrap/bootstrap-theme.min.css" data-ke-src="css/bootstrap/bootstrap-theme.min.css" title="aa" />

使用方法来刷新 Spread.Sheet 的显示，并应用主题。

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@dpuzeg.cn

文章转载自：