半岛权威十大直营(官方)网站

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

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

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

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接:

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 文件:

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 的显示,并应用主题。

慧都高端UI界面开发

标签:

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

文章转载自:

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP