表格控件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 文件:
在这里插入图片描述

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

如果你对我们的文章感兴趣或者有任何疑问,欢迎前往慧都网获取更多文章教程。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值