SpreadJS 是一款基于 HTML5 的纯前端表格控件，兼容 450 种以上的 Excel 公式，具备“高性能、跨平台、与 Excel 高度兼容”的产品特性，备受华为、明源云、远光软件等知名企业青睐。

表格，又称为表，既是一种可视化交流的模式，又是一种组织整理数据的手段。通过将“表格”嵌入企业信息化系统，可帮助业务人员更快、更准确地处理数据，大幅提高运营管理效率。

企业信息化系统大致可以分为以下三类：

• 数据填 系统：基于表格简化数据绑定和校验过程，可快速准确的处理打印 送、实时预览、多级上 等需求
• 表单和 表系统：可直接与Excel 文件交互，复用企业 Excel 资产，实现线下线上的数据平滑迁移

通过将“表格”模块嵌入上述信息化系统，可满足对 Excel文档的操作和系统兼容性要求，实现高并发的数据处理和填 ，以及灵活多变的 表格式设计。葡萄城的 SpreadJS 纯前端表格控件，便可有效应对这些需求。

SpreadJS 是一款基于 HTML5 的纯前端表格控件，兼容 450 种以上的 Excel 公式，具备“高性能、跨平台、与 Excel 高度兼容”的产品特性，备受华为、明源云、远光软件等知名企业青睐，被中国软件行业协会认定为“中国优秀软件产品”。

1、 更细腻的功能颗粒度

2、 有效降低开发成本

3、 最好的技术用例

4、 最佳的价值输出

1. 模板设计：沿用 Excel 的使用习惯，用户无需学习即可轻松设计表单模板。
2. 数据绑定：提供单元格级别的数据绑定，可针对某一单元格或在非绑定模式下操作数据。
3. 在线填 ：可在线完成对表单数据的填 、收集、汇总、计算和呈现。
4. 表格功能：提供数据排序、过滤、分组、切片器等常规功能。
5. 数据验证：内置基本数据校验与自定义校验两种方式。
6. 冻结行列：提供冻结行头、列头、行尾、列尾，轻松实现统计行等功能。
7. 公式支持：内置 450 多种公式函数，并支持异步函数和自定义公式。
8. 导入导出：支持在线导入、导出 Excel（xlsx）文件，以及导出 PDF。
9. 条件格式：支持 18 种条件格式，可简单且快捷的建立多种条件验证。

1. 灵活的应用方式

1. 更易嵌入、移植

1. 体积更小，秒级加载

1. 定制更容易，交互更丰富

1. 顶部工具栏样式和事件绑定

1. 工具栏面板

如果要新增功能图标，则需要在ribbon/ribbon.html里面添加一栏，并定义相应的点击事件。

1. 命令改造：anyscLicenser 事件

改造对SpreadJS方法的调用是没什么问题的，只需要根据官方的文档和用例按需改就行了，但是改造对命令的使用则需要通过监听事件来实现。如下图，我们需要在SpreadJS的命令管理器中，把anyscLicenser 事件和自定义的处理方法进行关联，使得SpreadJS一旦监听到anyscLicenser 事件，就自动执行对应处理方法。在处理方法中，我们可以去增加另外的处理，从而实现对命令的改造。

1. 定制打印功能：

根据工具栏改造的方法新增入口图标，将打印页面通过事件与图标进行绑定，点击弹出，设置页面上的设置绑定js对象的属性。当点击打印时，图上代码通过js对象的属性对SpreadJS的PrintInfo对象进行设置，然后调用SpreadJS的print方法进行实际打印。

打印页面

• 打印区域
• 方向
• 缩放
• 打印质量

• 打印页数

• 打印纸张大小 (暂时没开放, 默认A4)

页边距

• 页边距
• 居中方式

工作表

• 打印
• 打印顺序

1. 增加阅读模式：

前端：初始化的时候执行一下 rewriteBase()，绑定ActiveSheetChanged事件, 将实时的selections赋值给GlobalInfo.selections，并重新repaint。

后端：添加开关配置, 用于持久化阅读模式的开关。

1. 格式刷功能：

SpreadJS 的 Copyto是一个很方便的方法，可以在同一个工作表中复制一个范围的样式、值、公式、注释等，要想使用这个功能，只需定义一个全局变量isFormatPainting=false，当点击格式刷按钮的时候isFormatPainting设置为true，并监听GC.Spread.Sheets.Events.SelectionChanged事件，在事件内部回调中判断isFormatPainting的值为true的时候就将当前选中的区域做一下格式刷逻辑即可。

1. 高级搜索功能

SpreadJS的使用反馈

1. SpreadJS提供了ssjson和xlsx两种保存格式，可以最大化满足二次开发和Excel兼容的场景。

SpreadJS | 下载试用

如果您对我们的产品还有任何疑问，欢迎咨询在线客服>>

标签：