轉(zhuǎn)帖|使用教程|編輯:鮑佳佳|2020-09-23 15:32:53.590|閱讀 406 次
概述:SpreadJS 是一款基于 HTML5 的純前端電子表格控件,兼容 450 種以上的 Excel 公式,備受蘇寧易購(gòu)、華為等五百?gòu)?qiáng)企業(yè)的青睞,本文主要講述如何為控件自定義外觀。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷售中 >>
相關(guān)鏈接:
您可以更改整個(gè)控件的外觀。
示例代碼
本示例為控件設(shè)置主題或視覺(jué)樣式。
<!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= "http://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>
設(shè)置控件邊框
本示例使用CSS設(shè)置邊框。
// 使用CSS更改邊框。 .spread { border-style: solid; border-width: 1px; border-color: red; }
今天的內(nèi)容就到這了,不要忘了在評(píng)論區(qū)留下的意見(jiàn)和建議!現(xiàn)在電子表格控件SpreadJS限時(shí)優(yōu)惠!低至3490;企業(yè)版最高立減6000元。點(diǎn)擊了解更多優(yōu)惠!
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: