當(dāng)前位置：
首頁(yè) >
表格控件SpreadJS开发案例：应收账款帐龄分析表（附源码）
發(fā)布時(shí)間：2024/3/13
63
豆豆
生活随笔
收集整理的這篇文章主要介紹了
表格控件SpreadJS开发案例：应收账款帐龄分析表（附源码）
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
SpreadJS?是一款基于 HTML5 的純前端電子表格控件，兼容 450 種以上的 Excel 公式，憑借其 “高性能、跨平臺(tái)、與 Excel 高度兼容”的產(chǎn)品特性，備受以華為、蘇寧易購(gòu)、天弘基金等為代表的企業(yè)用戶青睞。SpreadJS 為用戶帶來(lái)親切的 Excel 使用體驗(yàn)的同時(shí)，滿足 Web Excel 組件開(kāi)發(fā)、表格文檔協(xié)同編輯、數(shù)據(jù)填報(bào)、Excel 類(lèi)報(bào)表設(shè)計(jì)等業(yè)務(wù)場(chǎng)景，極大降低了企業(yè)研發(fā)成本和項(xiàng)目交付風(fēng)險(xiǎn)。
點(diǎn)擊下載最新版SpreadJS
應(yīng)收賬款帳齡分析表
下面的示例展示了如何使用 SpreadJS 創(chuàng)建一個(gè)應(yīng)收賬款賬齡分析表。
這個(gè)示例主要使用了公式，單元格格式和表格, 以及使用fromJSON加載預(yù)定義的模板。
注意，多個(gè)表單包含的數(shù)據(jù)是相互聯(lián)系的。
app.js：
window.onload = function () { var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), { sheetCount: 1 }); initSpread(spread); };function initSpread(spread) { var sd = data; if (sd.length > 0) { if (!spread) { return; }spread.suspendPaint(); spread.fromJSON(sd[0]); spread.resumePaint(); }https://image.evget.com/2020/12/28/1m345rkj26mpnbsrf.png }index.html:
<!doctype html> <html style="height:100%;font-size:14px;"><head> <meta name="spreadjs culture" content="zh-cn" /> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" type="text/css" href="$DEMOROOT$/zh/purejs/node_modules/@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css"> <script src="$DEMOROOT$/zh/purejs/node_modules/@grapecity/spread-sheets/dist/gc.spread.sheets.all.min.js" type="text/javascript"></script> <script src="$DEMOROOT$/zh/purejs/node_modules/@grapecity/spread-sheets-resources-zh/dist/gc.spread.sheets.resources.zh.min.js" type="text/javascript"></script> <script src="$DEMOROOT$/spread/source/js/license.js" type="text/javascript"></script> <script src="$DEMOROOT$/spread/source/data/AgingReport.js" type="text/javascript"></script> <script src="app.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body><div class="sample-tutorial"> <div id="ss" style="width:100%;height:100%"></div> </div> </body> </html>style.css
.sample-tutorial { position: relative; height: 100%; overflow: hidden; }body { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }本文轉(zhuǎn)載自：葡萄城
本篇文章你學(xué)會(huì)了嗎 ！趕快下載體驗(yàn)吧！
總結(jié)
以上是生活随笔為你收集整理的表格控件SpreadJS开发案例：应收账款帐龄分析表（附源码）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： linux查询socket资源,TCP的
- 下一篇： 06_02_Spring 任务一：IOC