表格控件SpreadJS开发案例：应收账款帐龄分析表（附源码）-控件新闻-慧都网

表格控件SpreadJS开发案例：应收账款帐龄分析表（附源码）

转帖|使用教程|编辑：鲍佳佳|2021-01-21 15:52:50.737|阅读 188 次

概述：下面的示例展示了如何使用 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();
}//image.capbkgr.cn/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元！欢迎咨询慧都在线客服了解详情！

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@capbkgr.cn

上一篇：开始喜欢用Java单元测试助手进行Spring测试下一篇：Visual Studio/MFC编程入门之对话框：属性页对话框及相关类的介绍

彩票走势图

在线采购

中文文档库

试用/Demo下载

开发社群