Not ready yet.
联系我们,请拨打 400-657-6008 或点此预约技术顾问 联系我们,请拨打 400-657-6008 或点此预约技术顾问 联系我们,请拨打 400-657-6008 或点此预约技术顾问

SpreadJS 视图(Spread.Views)是一个创新的高性能纯前端 JavaScript 控件,它帮助用户轻松实现灵活多变的数据布局和呈现。不再局限于传统的表格式呈现,而是包含了各类可变的视图,比如表格、树、卡片、看板、时间轴、甘特图和日历等等。它通过布局、行模板、数据字段、计算和编辑模式等,提供了终极灵活完全易用的自定制能力。使用它来实现布局分析、性能监控、数据报表、仪表盘、产品目录、电子商务、新闻提要和项目管理等各类应用。

SpreadJS V11 版本已全新发布了!马上了解新特性,体验更多新功能吧。

一切皆可定制

多种布局方式

每种布局都提供完整的选项和接口设置,所以非常容易定制。你可以自己决定是垂直还是水平呈现,自己决定字段的位置,自己决定整体外观格式。发挥你的定制能力,将收获无限可能的布局。

行模板

通过纯 HTML 和 CSS 创建行模板、分组、头部和脚部。发挥你的想象,在传统表格视图中使用模板呈现一条占据多行的数据,或者创建各种各样的卡片式数据。

数据字段呈现控件

呈现控件可配置,它决定了如何显示数据字段、列和头部。你可以选择内置的呈现控件,比如迷你图、进度条和图片容器,或者自定制所需的控件。

编辑模式

可根据你的需要定制选择行内编辑、弹出窗口编辑还是下拉窗口编辑。

用 Excel 管理数据,限制太多

多变的布局

使用 Spread.Views 可以轻松实现多种现代流行的数据呈现方式,比如脸书、Trello™, 和 Pinterest™ 上面你所看到的数据呈现方式。

表格

以传统数据布局方式呈现。
  

表格

卡片

以轻松格式化的卡片数据布局方式呈现。采用列表、表格、看板等多种方式显示卡片。

卡片

日历

以日期分组数据并使用日历的方式呈现数据。
  

日历

时间轴

以对象的数据布局方式呈现时间轴。包含它的日期、线的位置和头部切换等设置。

时间轴

看板

以垂直分组呈现卡片式数据布局方式显示类似看板的外观。
  

看板

社交新闻提要

为流行的社交媒体网站,以定制卡片呈现树布局方式显示新闻项。

社交新闻提要

树状表格

以分层数据布局方式显示树状视图。

树状表格

甘特图

以甘特图列数据布局方式显示项目数据范围。

甘特图

砌体

类似Pinterest™,以水平尺寸优化卡片位置的布局方式呈现数据源中的数据。

砌体

内置或自定制的数据字段呈现控件

在单独字段或者整个列中,以最有意义的方式使用数据呈现控件可视化数据。例如,使用内置的迷你图显示趋势或者自定制格式化图片。

迷你图

使用迷你图显示公式结果或者汇总数据组。

迷你图

数据格式化

使用类Excel的数据格式化,比如日期、货币或者百分比。

卡片

定制呈现控件

编写自己的呈现控件以格式化数据字段。用于格式化图片,可视化数值,以及应用条件格式。

定制呈现控件

计算字段

编写公式并以数值、字符串、迷你图或者其它类型呈现结果。
  

计算字段

三种可定制的编辑模式

允许在行内、弹出窗口或者下拉窗口中编辑数据。Spread.Views 使用最适合数据的控件显示字段,比如字符串类型使用文字字段,数值类型使用 Spinner 控件等。每种方式都是灵活可定制的,你可以自定制所需的外观和行为。

行内编辑

编辑单元格的位置如同编辑电子表格。

行内编辑

弹出窗口编辑

再覆盖数据视图的窗口中编辑数据。

弹出窗口编辑

下拉窗口编辑

在数据下方沉陷窗口编辑数据。

下拉窗口编辑