SpreadJS 是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性,可为用户提供高度类似 Excel 的功能,满足 Web Excel组件开发、 表格文档协同编辑、 数据填报、 类Excel报表设计等业务场景需求,极大的降低企业的研发成本和项目交付风险。
产品自面市以来,备受华为、苏宁易购、天弘基金、远光软件等各领域龙头企业的青睐,并于 2020 年被中国软件行业协会认定为“中国优秀软件产品”。
![](https://cdn.grapecity.com.cn/website-resources/media/d042ffc0c168aa76a0e7b63a84df9d07.png)
日前,SpreadJS 正式发布 V14.0 版本。从该版本开始,SpreadJS 加入了数据透视表插件,进一步降低企业数据分析的门槛,提升系统数据处理的能力。
此外,SpreadJS 还在 V14.0 中发布了在线表格编辑器(控件版),作为 SpreadJS 的增强扩展插件,新的编辑器提供了更易嵌入、秒级加载、灵活定制的能力。在线表格编辑器(控件版)可与 SpreadJS 集成,助力开发者在主流前端 JS 框架中,实现高性能的模板设计、在线编辑、填报和数据绑定等功能。
在详细介绍 SpreadJS V14.0 的新特性之前,请点击此处下载体验。
SpreadJS V14.0 新特性介绍
1. 数据透视表插件:完美再现Excel 强大的数据分析能力
作为一款功能布局与 Excel 高度类似的纯前端表格控件,SpreadJS 不但兼容了 450 种以上的 Excel 公式、32 种图表和 18 种迷你图,还在此版本中正式加入了数据透视表插件。
![](https://cdn.grapecity.com.cn/website-resources/images/metalsmith/developer/spreadjs/index/pivottable.png)
(SpreadJS的数据透视表插件)
如上图所示,V14.0中新发布的数据透视表插件已具备了 Excel 透视表的绝大部分功能,包括透视面板、透视表字段、筛选器、值字段设置、数据排序、分类汇总等。
通过 50 万行数据测试,SpreadJS 的数据透视表仍表现出极高的数据处理性能,所有操作在 527 毫秒内即可执行完毕。
![](https://cdn.grapecity.com.cn/website-resources/images/metalsmith/developer/spreadjs/whatsnew/v14/图片1.png)
2. 在线表格编辑器(控件版):更易嵌入、秒级加载、灵活定制
在线表格编辑器作为 SpreadJS 的增强扩展插件,可轻松嵌入各类前端页面,内置开放的 API 和类 Excel 的 UI 设计元素,助力开发者在 Angular、Vue、React 等前端 JS 框架中,实现高性能的模板设计、在线编辑/填报和数据绑定等功能,并为最终用户带来高度类似 Excel 的使用体验。
在线表格编辑器(控件版)以 Dom 作为容器,通过前端组件的形式发布,可以在本地下载试用,无任何功能限制。
点击此处,下载SpreadJS 在线表格编辑器(控件版)
在线表格编辑器(控件版)具备如下优势:
1、 应用方式更灵活
![](https://cdn.grapecity.com.cn/website-resources/images/metalsmith/developer/spreadjs/whatsnew/v14/图片2.png)
(组件化的设计架构,应用方式更灵活)
2、 更易嵌入、移植
![](https://cdn.grapecity.com.cn/website-resources/images/metalsmith/developer/spreadjs/whatsnew/v14/图片3.png)
(不依赖任何第三方类库)
3、 体积更小,秒级加载
![](https://cdn.grapecity.com.cn/website-resources/images/metalsmith/developer/spreadjs/whatsnew/v14/图片4.png)
(体积不到 4 MB,秒级即可完成加载)
4、 定制更容易,交互更丰富
![](https://cdn.grapecity.com.cn/website-resources/images/metalsmith/developer/spreadjs/whatsnew/v14/图片5.png)
(用声明式语法代替 HTML 源代码,定制更容易)
3. 公式函数:支持迭代计算,加入XMatch & XLookup、LET 等新函数
SpreadJS在当前版本中支持了迭代计算,即可通过一个递推公式反复校正设定的初始近似值,直至达到预定精度要求为止,具体实现如下所示:
![](https://cdn.grapecity.com.cn/website-resources/images/metalsmith/developer/spreadjs/whatsnew/v14/图片7.png)
(SpreadJS 的迭代计算功能)
(迭代计算的实例演示)
除了迭代计算,SpreadJS 还在当前版本中加入了XMatch & XLookup,以及LET函数
(SpreadJS 的 XMatch & XLookup函数)
(SpreadJS 的 LET 函数)
4. 导入导出:支持渐进加载、HTML 导出
在当前版本中,SpreadJS 不仅可直接在浏览器中完成 Excel、CSV、JSON 等文件的导入导出、PDF 导出、打印及预览操作,还加入了渐进加载、HTML 导出等更多新功能。
(SpreadJS 的 HTML 导出功能)
5. 单元格:支持渐进填充、多列选择
SpreadJS已支持单元格渐进填充效果,可实现多列选择、行列头支持公式函数以及迷你图等功能。
(SpreadJS 的渐进填充效果)
(SpreadJS 的行列头支持公式及迷你图)
6. 数据可视化:新增漏斗图,支持图表轴交叉属性
SpreadJS在当前版本中新增了漏斗图类型,并支持图表模板填充、GapWidth & Overlap 调整、环形图的 holeSize 属性调整,以及图表轴交叉等新功能。
(SpreadJS 的漏斗图)
(SpreadJS 的图表模板填充效果)
(SpreadJS 的图表轴交叉功能)
(SpreadJS 的 GapWidth & Overlap 调整效果)
(SpreadJS 的 holeSize 属性调整效果)
以上就是纯前端表格控件 SpreadJS V14.0 的主要功能介绍,如需了解更多新版本信息,欢迎访问 SpreadJS 产品官网。
关于 SpreadJS纯前端表格控件
SpreadJS 是一款基于 HTML5 的纯 JavaScript 电子表格和网格功能控件,以“高速低耗、纯前端、零依赖”为产品特色,可嵌入任何操作系统,同时满足 .NET、Java、响应式 Web 应用及移动跨平台的表格数据处理和类 Excel 的表格应用开发,为终端用户带来亲切的 Excel 体验。SpreadJS 在数据展示、前端导入导出、图表面板、数据绑定等场景无需大量代码开发和测试,可极大节省企业研发成本并降低交付风险。
关于葡萄城
葡萄城成立于1980年,是专业的软件开发技术和低代码平台提供商,以“赋能开发者”为使命,致力于通过表格控件、低代码和BI等各类软件开发工具和服务,一站式满足开发者需求,帮助企业提升开发效率并创新开发模式。40余年来始终聚焦软件开发技术,有深厚的技术积累和丰富的产品线。是业界能够同时赋能软件开发和低代码开发的企业。凭借过硬的产品能力、活跃的用户社区和丰富的伙伴生态,与超过3000家合作伙伴紧密合作,服务超50万家客户,产品广泛应用于IT、制造、交通、建筑、金融、能源、教育、公共管理等支柱产业。