SpreadJS最新试用版
设置视觉样式
您可以更改整个控件的外观。
示例代码
本示例为控件设置主题或视觉样式。
<!DOCTYPE html><html><head> <title>SpreadJS Use Theme</title> <script src="http://code.jquery.com/jquery-2.0.2.js" type="text/javascript"></script> <link href="./css/gc.spread.sheets.13.0.0.css" rel="stylesheet" type="text/css" /> <script src="./scripts/gc.spread.sheets.all.13.0.0.js"></script> <script type="text/javascript"> $(function () { var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"),{sheetCount:3}); var sheet = spread.getActiveSheet(); $("#btn1").click(function () { $("head").append($('<link href= "https://code.jquery.com/ui/1.8.12/themes/hot-sneaks/jquery-ui.css" rel="stylesheet" type="text/css" />')); setTimeout(function () { spread.repaint(); }, 500); }); }); </script></head><body><div> <div id="ss" style="height: 300px; width: 50%"></div></div><input type="button" id="btn1" value="Change Theme" /></body></html>
设置控件边框
示例代码
本示例使用CSS设置边框。
// 使用CSS更改边框。.spread{ border-style: solid; border-width: 1px; border-color: red;}
今天的内容就到这了，不要忘了在评论区留下的意见和建议！现在电子表格控件SpreadJS限时优惠！低至3490；企业版最高立减6000元。点击了解更多优惠！
如果你对我们的产品感兴趣或者有任何疑问，欢迎咨询在线客服>>
标签：
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！