表格控件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开发案例:应收账款帐龄分析表(附源码)相关推荐
- 纯前端表格控件SpreadJS开发案例:收入损益表(附源码)
SpreadJS是一款基于 HTML5 的原生JavaScript组件,兼容 450 种以上的 Excel 公式,提供高度类似 Excel 的功能,主要用于开发 Web Excel 组件,实现多人协同 ...
- android触摸效果,Android开发进阶:仿MIUI12控件触摸反馈效果(下沉+倾斜)附源码...
简单模仿了下MIUI12里控件的触摸反馈效果,转载请标明出处 效果简述 按压控件内圈区域,控件整体缩小,高度降低(阴影消失) 按压内圈 按压控件外圈区域,依据触摸点控件以中心为支点,向触摸点倾斜 按压 ...
- autojs遍历当前页面所有控件_纯前端表格控件SpreadJS V14.0发布:组件化编辑器+数据透视表 - 葡萄城开发工具...
SpreadJS 是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备"高性能.跨平台.与 Excel 高度兼容"的产品特性,可为用户提供高度类 ...
- 纯前端表格控件SpreadJS V12.1 隆重登场,专注易用性,提升用户体验
一款优秀的开发工具,在更新迭代中,除了要满足不同场景的业务需求,也需不断优化已有功能,尤其是细节方面,要能为用户带来使用体验和开发效率的提升. 作为一款备受业界专家和开发者认可的纯前端类Excel ...
- js固定表格行列_纯前端表格控件SpreadJS V14.0发布:组件化编辑器+数据透视表
SpreadJS 是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备"高性能.跨平台.与 Excel 高度兼容"的产品特性,可为用户提供高度类 ...
- 纯前端表格控件SpreadJS V14.0发布:组件化编辑器+数据透视表
SpreadJS 是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备"高性能.跨平台.与 Excel 高度兼容"的产品特性,可为用户提供高度类 ...
- 纯前端表格控件SpreadJS以专注业务、提升效率赢得用户与市场
提起华为2012实验室,你可能有点陌生. 但你一定还对前段时间华为的那封<海思总裁致员工的一封信>记忆犹新,就在那篇饱含深情的信中,我们知道了华为为确保公司大部分产品的战略安全和连续供应, ...
- 长江流域取水工程核查登记工作居然采用的是表格控件SpreadJS???
项目背景 开展长江流域取水工程(设施)核查登记工作,是落实长江大保护战略的重要措施,是全面推进水资源强监管的重要抓手,也是深化"放管服"改革的重要基础,对加强长江流域取用水管理,促 ...
- 纯前端表格控件SpreadJS:电子表格技术实践 - 内存
在前端表格中,表格可以是松散布局的一种UI表达方式,它的最小描述单元是一个单元格,也就是我们常说的CellBase. 点击获取SpreadJS工具下载 常用的数据结构有二维数组和对象数组,对于二维数组 ...
最新文章
- 64 安装_解决“不能安装 64 位Office,因已安装 32 位 Office 产品”问题
- Snapchat - give sum target listInteger first who hits target wins
- tomcat启动前端项目
- Java爬虫https网页内容报错SSLHandshakeException信任(忽略)所有SSL证书
- Mac中搭建Kubernetes
- MySQL多种安装方式选择
- jQuery、jQury UI、jQuery Mobile----读书笔记
- php仿伊人集源码,仿伊人集wecenter()包含所有功能及官方付费插件,整站带数据...
- 大数据学习笔记37:Hive - 复杂数据类型
- 【ElasticSearch】Es 源码之 SettingsModule 源码解读
- 利用SCCM 2007 软件分发
- LoadRunner教程(18)-LoadRunner 图表合并
- 阿里前端电话面试问题
- HDU - 2586 - How far away ? (最短路)
- 手机内存清理软件,让你的手机更轻更快!
- linux去重复程序,Linux下大文件的排序和去重复
- php调用接口及编写接口
- 幼师资格证计算机考试内容,考幼师资格证需要什么条件及考试内容
- web应用中涉及到的编码问题总结
- Proxyee Down简介
热门文章
- PSAM卡之常用APDU指令错误码
- mysql判断产品是否过期_7个方法教你判断打开的产品是否已过期
- python中rgb颜色_自定义RGB颜色与Python诅咒
- 区块链学习——区块链的架构
- HTML标签-排版标签、媒体标签、列表标签、表格标签、表单标签、语义化标签、字符实体
- jquery选择器可以利用后代和直系后代选择器连续选择元素
- (附源码)springboot校园购物网站APP 毕业设计041037
- c语言百分号le,在C语言中,有le-6这么个表示方法,怎么 – 手机爱问
- TXLINE 这个软件 计算 微带线的宽度
- 从RPA 向 IPA 转型升级!实在智能金秋发布会:重新定义流程自动化