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

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

SpreadJS最新试用版

您可以创建样式并将样式分配给单元格、行、列或表。还可以为 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 文件:

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

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

你可以使用以下主题

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

你也可以将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 的显示,并应用主题。

如果你对我们的文章感兴趣或者有任何疑问,欢迎咨询在线客服>>

高端UI界面开发
标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年7月10日
下一篇 2020年7月10日

相关推荐

发表回复

登录后才能评论