當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
表格控件SpreadJS开发案例：应收账款帐龄分析表（附源码）
生活随笔
收集整理的這篇文章主要介紹了
表格控件SpreadJS开发案例：应收账款帐龄分析表（附源码）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
SpreadJS?是一款基于 HTML5 的純前端電子表格控件，兼容 450 種以上的 Excel 公式，憑借其 “高性能、跨平臺、與 Excel 高度兼容”的產品特性，備受以華為、蘇寧易購、天弘基金等為代表的企業用戶青睞。SpreadJS 為用戶帶來親切的 Excel 使用體驗的同時，滿足 Web Excel 組件開發、表格文檔協同編輯、數據填報、Excel 類報表設計等業務場景，極大降低了企業研發成本和項目交付風險。
點擊下載最新版SpreadJS
應收賬款帳齡分析表
下面的示例展示了如何使用 SpreadJS 創建一個應收賬款賬齡分析表。
這個示例主要使用了公式，單元格格式和表格, 以及使用fromJSON加載預定義的模板。
注意，多個表單包含的數據是相互聯系的。
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; }本文轉載自：葡萄城
本篇文章你學會了嗎 ！趕快下載體驗吧！
總結
以上是生活随笔為你收集整理的表格控件SpreadJS开发案例：应收账款帐龄分析表（附源码）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： linux查询socket资源,TCP的
- 下一篇： 超信Linux版(超信 for Linu