Pure front-end table control SpreadJS , is a successfully applied to Huawei, China Merchants Bank, Celestica fund, Suning Tesco and other famous enterprises of front-end development tools, it brings value not only to help developers in their Web applications quickly build Web Excel, data reporting, online documents, charts and formulas linkage class Excel UI design and other functional modules, but also help companies significantly reduce data processing costs, enhance the level of enterprise information and project delivery capabilities.
With the SpreadJS V13.0 release, its form design and data exchange capabilities strengthened again, greatly enhance the ease of use and data processing efficiency.
Prior to every upgrade, can give users unlimited surprises, this time, SpreadJS turn what new features to enhance ease of use and bring it? Xiao Bian sorting out the 11, good use of these features, you can make sure your productivity by leaps and bounds!
Prior to the new features listed pure front-end table control SpreadJS V13.0, please download the latest installer for synchronization experience! >> pure front-end table control SpreadJS V13.0 Download
First, the pursuit of the ultimate unit Gert
Status cells: Cell States
In SpreadJS V13.0, the cells comprising the five states, namely: Normal (normal state), the Hover (floating state), Invalid (protection state), the ReadOnly (read-only) and Edit (editing state). Users can not only more accurately get a cell projects and current status, but also through data binding, to determine the cell status, quickly locate, find, edit, lock, screening value of the cell.
New Cell Type: selection box, radio lists, drop-down lists, buttons, etc.
In SpreadJS V13.0, add 13 kinds of new cell types, such as selection box, radio lists, drop-down lists, buttons and the like:
Second, the API enhancements table: Table Style modified as needed, highly customized Open
用户使用 SpreadJS 创建表单和管理数据，将获得前所未有的操纵体验。通过调用 SpreadJS 提供的 API 接口，用户可以在运行时和设计时两种状态下，完成以下操作：
- 添加行/添加列
- 删除行/删除列
- 在表格中获取插入行、删除行、脏数据
- 将 Excel 表转换为数据范围
三、表格 UI 交互增强：全方位分析表格数据，顺利完成前后端交互
表格数据交互，作为用户界面设计中不容忽视的重要组成部分，其目的是通过构造结构化数据，让用户更易读取、更易比较。
SpreadJS 作为一款纯前端电子表格控件，充分考虑到了这一应用场景，并全面增强了表格数据交互分析能力，其功能具体体现在：
- 自动扩展 Auto Expand：input / copy-cut & paste / dragfill / dragdrop
- 调整大小手柄 Resize Handler
- 滚动时表头显示 Show Header when Scroll
- 更方便的表格选择 Selection
- 更智能的表格导航 Navigation
- 滚动时在列标题上显示表标题
四、表格数据绑定增强：支持更多列属性字段
SpreadJS V13.0 的表格数据绑定将支持更多列属性字段，这样做的好处是：用户在进行表格数据绑定时，更获得比此前更丰富的属性支持，如格式化、单元格类型、值（值转换函数）等。
SpreadJS 工作簿数据绑定支持以下属性：
- 名称
- 格式化
- 单元格类型
- 值（值转换函数）
- 宽度
- 可见
- 可调整大小
- 分页符
- 显示名称
SpreadJS 表格数据绑定支持以下属性：
- 名称
- dataField
- 格式化
- 单元格类型
- 值（值转换函数）
五、图表增强：支持更多图表图例属性、错误提示栏、自定义边框、对数轴、趋势线等
SpreadJS V13.0 的图表功能得到大幅提升，不但支持更多的图表图例属性，如自定义位置、字体颜色、大小等，还新增了多种图表功能，如错误提示栏、自定义边框、对数轴、趋势线、悬停动画、符号等。
图表图例属性：支持字体颜色、大小和更多字体
在 SpreadJS V13.0 中，通过更改字体颜色、大小和字体的能力，开发人员能够自行匹配图表图例与应用程序的整体外观样式，而无需额外调整，这样做的好处是：可以为仪表板中的所有组件，创建统一的外观样式。如下是为图例添加颜色、fontFamily、fontSize 设置：
新图表属性：错误提示栏、自定义边框、对数轴和趋势线
SpreadJS V13.0 中，新增的图表属性有：
- 错误提示栏：您可以更改图表中显示的错误类型、样式和数量，从而一目了然的观测出图表数据的误差范围与标准偏差。
- 自定义边框：在图表周围添加边框，将图表与应用程序的其余部分区分开。
SpreadJS 新图表属性：自定义边框
- 对数轴：在比较差异巨大的数据时，可以以更加易读的方式显示图表数据。
- 趋势线：使用趋势线可以更轻松地根据数据（例如销售变化趋势）预测未来价值。如下是 SpreadJS 的线性趋势线示例：
六、支持动态数组：大幅简化计算公式，提高公式运算效率
Excel 2019 推出了动态数组函数，用于简化复杂计算公式：使用动态数组，返回值将自动“输出”到相邻单元格中（未使用的）。用户只需编写一个简单的公式，而不是编写复杂的数组公式就可解决多单元格问题。
在 SpreadJS V13.0 中，也将支持动态数组功能。
七、支持公式追踪：可快速查看公式中引用的单元格数据
在使用公式时，有时需要了解公式中引用了哪些单元格的数据，这就涉及到公式追踪的操作。在 SpreadJS V13.0 中，用户可以利用公式追踪 API，快速且方便的构建数据关系拓扑图，以便进行审查、数据钻取、可视化显示等。
八、新增事件：ColumnChangingEvent & RowChangingEvent
当用户对工作表执行 Delete/Insert/Hide/Unhide 等操作时，如果希望在执行操作之前触发一个事件，该事件可以用来确认对象的数据，并控制该操作是否继续执行。此时，新增的这两个事件就可以派上用场。
九、行为增强：Advanced Resize
In the SpreadJS V13.0, Advanced Resize adds a resizing method onlyNextTo. General resize it in different ways, using only changes the size onlyNextTo resize / next visible row and column / row of the current column.
X. automatically merged: the same text in a cell adjacent to automatically merged
SpreadJS supports automatic merge. For example, the raw data was as follows:
Automatically merge the row direction:
Automatically merged in a column direction:
XI range template: the range designated as the worksheet template and the template region to draw similar
SpreadJS providing customers with a range of cell types. This new type of cell allows the user to specify the range of the worksheet as a template, and then use that to draw a plurality of range cells having values similar region.
The advantage of this is:
- Customers can be changed by changing the template fragments batch mode display.
- Customers can easily display a set of data has the same structure.
- Customers can create anywhere template worksheet, and then create JSON / fromJSON, and set up a worksheet range for easy reuse.
These are the main new features of content SpreadJS V13.0, learn more, please visit SpreadJS product's official website download experience.
SpreadJS pure form controls on the front
SpreadJS is a spreadsheet based on pure JavaScript and HTML5 controls the grid function, to "high-speed low-power, pure front-end, zero-dependent" for the product characteristics, can be embedded in any operating system, while meeting .NET, Java, responsive Web applications and table data processing and cross-platform mobile application development class Excel spreadsheet, in order to bring an end user friendly Excel experience. SpreadJS in data display, front-end import and export, chart panel, data binding and other scenes without a lot of code development and testing, companies can greatly save development costs and reduce delivery risk.