SpreadJS V13.0发布，聚焦表单设计与数据交互，让您的工做效率日新月异！

纯前端表格控件SpreadJS，是一款成功应用于华为、招商银行、天弘基金、苏宁易购等国内外知名企业的前端开发工具，其带来的价值不只体如今帮助开发人员在其Web应用程序中快速构建 Web Excel 、数据填报、在线文档、图表公式联动和类 Excel UI 设计等功能模块，更帮助企业大幅下降数据处理成本，提高企业信息化水平和项目交付能力。

伴随着SpreadJS V13.0 的发布，其表单设计与数据交互能力再度加强，产品易用性和数据处理效率大幅提高。

此前的每一次升级，都能给予用户无限惊喜，这一次，SpreadJS 又将带来哪些全新功能和产品易用性提高呢？小编整理出了11个，用好这些功能，必定可让您的工做效率日新月异！

在列举纯前端表格控件 SpreadJS V13.0 的新特性以前，请下载最新安装程序，以便同步体验！>>纯前端表格控件 SpreadJS V13.0 下载地址

1、追求极致的单元格特性

单元格状态：Cell States

在 SpreadJS V13.0 中，单元格包含如下五种状态，分别是：Normal（正常状态）、Hover（浮动状态）、Invalid（保护状态）、ReadOnly（只读状态）和 Edit（编辑状态）。用户不只能够更为精确地获取单元格项目和当前状态，还能够经过数据绑定、判断单元格状态等，快速定位、查找、编辑、锁定、筛选单元格的值。

新单元格类型：选择框、单选列表、下拉列表、按钮等

在 SpreadJS V13.0 中，新增了13种全新的单元格类型，如选择框、单选列表、下拉列表、按钮等：

2、表格 API 加强：表格样式按需修改、高度开放自定制

用户使用 SpreadJS 建立表单和管理数据，将得到史无前例的操纵体验。经过调用 SpreadJS 提供的 API 接口，用户能够在运行时和设计时两种状态下，完成如下操做：

• 添加行/添加列
• 删除行/删除列
• 在表格中获取插入行、删除行、脏数据
• 将 Excel 表转换为数据范围

3、表格 UI 交互加强：全方位分析表格数据，顺利完成先后端交互

表格数据交互，做为用户界面设计中不容忽视的重要组成部分，其目的是经过构造结构化数据，让用户更易读取、更易比较。

SpreadJS 做为一款纯前端电子表格控件，充分考虑到了这一应用场景，并全面加强了表格数据交互分析能力，其功能具体体如今：

• 自动扩展 Auto Expand：input / copy-cut & paste / dragfill / dragdrop
• 调整大小手柄 Resize Handler
• 滚动时表头显示 Show Header when Scroll
• 更方便的表格选择 Selection
• 更智能的表格导航 Navigation
• 滚动时在列标题上显示表标题

4、表格数据绑定加强：支持更多列属性字段

SpreadJS V13.0 的表格数据绑定将支持更多列属性字段，这样作的好处是：用户在进行表格数据绑定时，更得到比此前更丰富的属性支持，如格式化、单元格类型、值（值转换函数）等。

SpreadJS 工做簿数据绑定支持如下属性：

• 名称
• 格式化
• 单元格类型
• 值（值转换函数）
• 宽度
• 可见
• 可调整大小
• 分页符
• 显示名称

SpreadJS 表格数据绑定支持如下属性：

• 名称
• dataField
• 格式化
• 单元格类型
• 值（值转换函数）

5、图表加强：支持更多图表图例属性、错误提示栏、自定义边框、对数轴、趋势线等

SpreadJS V13.0 的图表功能获得大幅提高，不但支持更多的图表图例属性，如自定义位置、字体颜色、大小等，还新增了多种图表功能，如错误提示栏、自定义边框、对数轴、趋势线、悬停动画、符号等。

图表图例属性：支持字体颜色、大小和更多字体

在 SpreadJS V13.0 中，经过更改字体颜色、大小和字体的能力，开发人员可以自行匹配图表图例与应用程序的总体外观样式，而无需额外调整，这样作的好处是：能够为仪表板中的全部组件，建立统一的外观样式。以下是为图例添加颜色、fontFamily、fontSize 设置：

新图表属性：错误提示栏、自定义边框、对数轴和趋势线

SpreadJS V13.0 中，新增的图表属性有：

• 错误提示栏：您能够更改图表中显示的错误类型、样式和数量，从而一目了然的观测出图表数据的偏差范围与标准误差。
• 自定义边框：在图表周围添加边框，将图表与应用程序的其他部分区分开。

SpreadJS新图表属性：自定义边框

• 对数轴：在比较差别巨大的数据时，能够以更加易读的方式显示图表数据。

• 趋势线：使用趋势线能够更轻松地根据数据（例如销售变化趋势）预测将来价值。以下是 SpreadJS 的线性趋势线示例：

6、支持动态数组：大幅简化计算公式，提升公式运算效率

Excel 2019 推出了动态数组函数，用于简化复杂计算公式：使用动态数组，返回值将自动“输出”到相邻单元格中（未使用的）。用户只需编写一个简单的公式，而不是编写复杂的数组公式就可解决多单元格问题。

在 SpreadJS V13.0 中，也将支持动态数组功能。

7、支持公式追踪：可快速查看公式中引用的单元格数据

在使用公式时，有时须要了解公式中引用了哪些单元格的数据，这就涉及到公式追踪的操做。在 SpreadJS V13.0 中，用户能够利用公式追踪 API，快速且方便的构建数据关系拓扑图，以便进行审查、数据钻取、可视化显示等。

8、新增事件：ColumnChangingEvent & RowChangingEvent

当用户对工做表执行 Delete/Insert/Hide/Unhide 等操做时，若是但愿在执行操做以前触发一个事件，该事件能够用来确认对象的数据，并控制该操做是否继续执行。此时，新增的这两个事件就能够派上用场。

9、行为加强：Advanced Resize

在 SpreadJS V13.0 中，Advanced Resize 添加了一种调整大小的方法 onlyNextTo 。它与通常调整大小的方式不一样，使用 onlyNextTo 调整大小只会改变当前列/行和下一个可见列/行的大小。

10、自动合并：自动合并相邻单元格的相同文本

SpreadJS 支持自动合并。例如，原始数据以下：

在行方向自动合并后：

在列方向自动合并后：

11、范围模板：将工做表的范围指定为模板，并使用该模板绘制类似区域

SpreadJS 为客户提供了一个范围单元格类型。这种新的单元格类型容许用户将工做表的范围指定为模板，而后使用该范围来绘制具备单元格值的多个类似区域。

这样作的好处是：

• 客户能够经过更改模板来更改批处理片断显示模式。
• 客户能够轻松显示具备相同结构的一组数据。
• 客户能够在任何地方建立模板工做表，而后建立 JSON / fromJSON，并设置工做表范围以便轻松复用。

以上就是SpreadJS V13.0 的主要新特性内容，如需了解更多，欢迎前往SpreadJS产品官网下载体验。

关于 SpreadJS纯前端表格控件

SpreadJS 是一款基于 HTML5 的纯 JavaScript 电子表格和网格功能控件，以“高速低耗、纯前端、零依赖”为产品特点，可嵌入任何操做系统，同时知足 .NET、Java、响应式 Web 应用及移动跨平台的表格数据处理和类 Excel 的表格应用开发，为终端用户带来亲切的 Excel 体验。SpreadJS 在数据展现、前端导入导出、图表面板、数据绑定等场景无需大量代码开发和测试，可极大节省企业研发成本并下降交付风险。