SpreadJS 是一款基于 HTML5 的纯前端电子表格控件,兼容 450 种以上的 Excel 公式,凭借其 “高性能、跨平台、与 Excel 高度兼容”的产品特性,备受以华为、招商银行、苏宁易购、天弘基金等为代表的企业用户青睐。在带来亲切的 Excel 使用体验的同时,满足 Web Excel 组件开发、数据填报、Excel 类报表设计、在线Excel 协同应用等业务场景,极大降低了企业研发成本和项目交付风险。

SpreadJS 在线表格编辑器是使用 SpreadJS 开发的源代码程序,提供开放的 API 和高度类似 Excel 的操作模式,可助您快速验证 Excel 导入导出、数据可视化、公式引用、数据绑定等产品核心功能,并顺利完成数据填报模块的开发与维护,体验“如何用不到 100 行代码,在前端实现 Excel 的全部功能”。

开发人员为什么需要 SpreadJS?

  • 业界领先的 Excel 兼容度
    功能、UI 与 Excel 高度类似

    相比 Excel,SpreadJS 支持 53 项单元格格式、18 种条件格式、3 种数据高亮,及 60 种表格样式,可于 Web 系统中轻松嵌入类 Excel 模块,实现如 Excel 般的数据分析和交互

  • 完善的数据可视化能力

    SpreadJS 支持 32 种图表、18 种迷你图和 182 种形状,可为 Web 应用程序带来更具创意和灵活的数据可视化呈现方式

  • 自主研发的计算引擎
    兼容 450 种以上的 Excel 公式

    SpreadJS 兼容 450 种以上的 Excel 公式函数,内置高效、可扩展的计算引擎,满足用户自定义公式、跨表格引用等多场景下的计算需求,轻松实现数据聚合,让有效数据不断完善

  • 纯前端导入、导出 Excel 文件

    无需任何后台代码和第三方组件!SpreadJS 可直接在浏览器中完成 Excel、CSV、JSON 等文件的导入导出、PDF 导出、打印及预览操作

  • 一流的框架支持及扩展
    符合 UMD 规范,可按需加载

    基于原生 JavaScript,SpreadJS 全面兼容 AngularReactVue、TypeScript、Breeze 等前端开发框架,符合 UMD 规范,可按需加载,易于在 VSCode 中使用

  • 极高的处理性能和响应速度

    SpreadJS 使用比 DOM 更为先进的 HTML5 Canvas 绘制交互界面。同时,还能够在不影响访问性能的前提下,最大化的节省存储空间

SpreadJS 主要功能

类 Excel 的模板设计器

通过 SpreadJS 提供的类似 Excel 的模板设计器,用户可轻松设计模板,节约应用程序开发所需的时间和精力。

类 Excel 的模板设计器

强大、高效的计算引擎

SpreadJS 提供了强大、高效的计算引擎,可以为最复杂的公式增加计算能力,却不会过多地占用系统资源。

强大、高效的计算引擎

商业智能化的电子表格

SpreadJS 除了完全兼容 Excel 的 450 种公式和 32 种图表外,还内置了比 Excel 更为丰富的 18 种迷你图类型,并提供数据筛选、排序、分组、批注、切片器、更易用的二次扩展能力和公式的完全自定义。

商业智能化的电子表格

强大的 Excel 导入/导出和自定制打印能力

SpreadJS 可无损导入/导出 Excel 文件,并提供超越浏览器自身的打印能力。通过 SpreadJS 实现的预览与打印,开发人员可以自定义打印内容与打印设置,并支持在线打印和纯前端导出 PDF 功能。

强大的 Excel 导入/导出和自定制打印能力

工作表和单元格级别的数据绑定

SpreadJS 既可以像网格一样使用,绑定整个工作表到数据源。也可以绑定独立的单元格以呈现您所希望的样式。以上两种绑定都支持双向绑定,所以您也能使用 SpreadJS 创建录入表格。

SpreadJS工作表和单元格级别的数据绑定

内置形状(Shape)以及自定义形状支持

SpreadJS 已经内置了 182 种类 Excel 的形状支持,如线条、矩形、箭头和流程图等,这些内置形状可以为您的前端界面添加更多细节展现和可视化效果,并且这些内置的形状都可以进行无缝导入和导出。

内置形状(Shape)以及自定义形状支持

SpreadJS 全功能使用指南

在线体验类 Excel 功能 + 在线代码 Playground

试用 SpreadJS 纯前端表格控件

立即下载

SpreadJS V13.0 新特性

  • 追求极致的单元格特性:新增单元格状态,选择框、单选列表、日程表、日历等 13 种单元格类型
  • 表格 API 增强:表格样式按需修改、高度开放自定制
  • 表格 UI 交互增强:全方位分析表格数据,顺利完成前后端交互
  • 表格数据绑定增强:支持更多列属性字段
  • 图表增强:更多图表图例属性、支持错误提示栏、自定义边框、对数轴、趋势线等
  • 支持动态数组:大幅简化计算公式,提高公式运算效率
  • 更多特性:支持公式追踪、自动合并、区域模板等功能,全面提升表单设计能力

查看新特性

SpreadJS 备受业界专家和用户认可

用户感言

简单的一百多行代码配合 SpreadJS 的类 Excel 操作习惯,让我们的用户就像使用 Excel 一样使用内部系统,也为我们系统开发完成后的用户迁移工作节约了大量培训时间,SpreadJS 优秀的性能让我们高枕无忧。

—— 华为供应链技术专家

查看所有用户案例

能源电力能源电力

互联网互联网企业

生产制造生产制造

金融金融

  • 华融科技
  • 天弘基金
  • 中国平安
  • 招银网络
  • 富邦人寿
  • 国投金服
  • 中联资产

财税财税

政府机构政府/科研机构

物流运输交通/物流运输

  • 滴滴
  • 中通快递
  • 昆明安泰得
  • 重庆金交劲通
  • 中远海运

大数据大数据应用

  • 苏宁易购
  • 北京三维天地
  • 普德施(北京)
  • 净思科技(北京)
  • 杭州安脉盛

OAOA 办公系统

软件软件研发

SpreadJS 价格与授权方式

授权方式:SpreadJS 授权由两个主要方式组合构成:

  • 开发授权:涵盖 SpreadJS 在终端用户应用程序开发中的使用。
    每一位安装和使用 SpreadJS 的开发者均需要一个开发授权。针对企业中常见的多名开发人员同时使用 SpreadJS 的情况,我们提供优惠的团队授权和企业授权模式。
  • 部署授权:涵盖了 SpreadJS 可再发行文件的复制、分发和部署,它是最终应用程序的一部分。
    包括任何 SpreadJS 可再分发文件的终端用户应用。部署授权按照部署域名或者 IP 地址的数量计数。一个域名(例如:www.grapecity.com.cn)或IP地址需要一个部署授权。请通过最下方联系方式联系我们取得相应数量的部署授权。申请临时部署授权

SpreadJS 在线表格编辑器是使用 SpreadJS 控件开发的源代码程序。其授权包含 SpreadJS 在线表格编辑器源码,不包含 SpreadJS 控件源码。使用该源码授权,您需要首先取得 SpreadJS 控件授权。

授权方式 SpreadJS 开发授权 SpreadJS 在线表格编辑器 SpreadJS
部署授权
团队授权 I 型 团队授权 II 型 企业授权 个人授权 源码授权 部署授权
价格 ¥23,600 ¥65,600 ¥198,000 ¥8,200 ¥32,800
(需首先取得 SpreadJS 控件授权)
详询:
400-657-6008
申请临时部署授权
授权数量 4 20 100 1 不限
金牌服务
培训 1天* 2天*
源代码 含 SpreadJS 的 JavaScript 源码,不包含设计器源码 含 SpreadJS 在线表格编辑器源码,不包含 SpreadJS 控件源码
部署

以上所有价格都包含了自购买日起首年的葡萄城中文金牌服务,包括服务期限内的无限次电话技术支持,技术论坛问题将被优先处理,产品版本的升级与维护版本的免费获取。同时,葡萄城会为客户提供 13% 的增值税专用发票。

培训说明:

购买团队授权和企业授权的用户,可以享受以下产品培训服务:

  • 团队授权II型享受一天产品培训,形式为在线培训或者葡萄城现场培训。
  • 企业授权享受两天产品培训,形式为葡萄城现场培训或者客户现场培训(其中客户现场培训限 4 小时交通可达地区,限直销客户)。

面向 SpreadJS 的已购客户,葡萄城推出了 SpreadJS 产品定制培训,您可根据当前项目进展以及对产品的掌握程度,从 SpreadJS 基础知识、核心功能、实战案例、扩展应用、项目指导和实践专题等 9 大模块中,自由选择并定制最适合您的培训内容,请点击此处,了解详情

面向开发者,提供多场景化解决方案

GrapeCity Documents 服务端 Excel 组件

  • 不依赖第三方组件,用 Java/C# 代码实现 Excel 全功能
  • 配合 SpreadJS,实现前、后端数据交互,Excel 数据传输
  • 二者结合,为您提供全栈、全场景 Excel 解决方案

.NET平台 Java平台

WijmoJS 前端开发工具包

  • 完美支持原生 JavaScript、Vue、Angular、React 等框架
  • 配合 SpreadJS,实现 Web Excel 组件开发、类Excel 布局
  • 二者结合,打造更为成熟的企业级 Web 应用系统

了解更多