下面的示例展示了如何使用 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;}
本篇文章你学会了吗 ！赶快下载体验吧！为庆祝成立17周年。我们推出购正版送上万豪礼活动，界面开发工具正版授权最高直降10000+元 ，SpreadJS正版授权低至3490元！欢迎咨询在线客服了解详情！
标签：
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！