Wijmo表格控件(wijgrid)可以显示在一个交互式的、完全自定义的表中数据源的条目。可以交互式地选择、编辑、删除、分类和分组数据。分页功能能让最终用户轻松浏览多个页面上的数据。


jQuery Grid sorting

分类

Wijmo表格控件提供了丰富的分类功能。分类是在客户端实现的,但是也能够很容易地被转移(offload)到服务器端。每一列的dataType都可以使用我们客户端的分类功能,来生成智慧分类(smart sorting)对多种数据方式,比如数字、字符串和日期。Wijmo表格控件也支持复杂分类(complex sorting),这样最终用户就可以一次性对多个列进行分类。


jQuery grid paging

分页

Wijmo表格有着强大的分页功能。分页是在客户端实现的,同时有着很好的性能。你也可以通过发送参数到服务器上的一个服务,选择转移分页任务给服务器。另外一个很容易使用的特点是Wijmo表格的全面拓展性。同时对于分页的UI也有不同的选择,比如数字链接,箭头按钮,或者下一个/上一个按钮。


jQuery grid selection

选择

用户可以通过内置的选择功能选择一行、一列、一个单元格或者触发程序内的一个动作。


jQuery grid grouping & aggregates

分组 & 聚合

通过点击分组的标题把表格设置成outline模式,可以让最终用户展开或者收起分组。同时您也能决定各分组最初是展开还是收起状态。表格可以在每个分组标题行的旁边显示展开/收起图标。被分组后的行能显示聚合数字比如计数或者总和。


Editable jQuery grid

编辑

可以在您的表格中对数据进行编辑,保存或取消更改。


jQuery Grid filtering

过滤

为了自定义最终用户的操作如搜索和过滤记录,Wijmo表格控件支持在列标题下方内置一个数据输入行,通过启用showFilter选项,你可以轻松地过滤数据。

滚动

启用滚动可以在有成百上千条记录的情况下,帮助到您。您可以滚动好几行,而标题不会消失。


jQuery grid column resizing

更改列大小

通过设置一个单一的属性,当表格进行滚动调整以适应列中最长的文本时,Wijmo表格控件将自动调整列宽和行高。你还可以启用或禁用自动调整特定列和行的大小。


jQuery grid column banding

多列联合(Column Banding)

列的标题可以涵盖多个列,这样可以让您生成一个层次结构。举个例子,可以使用另一个涵盖更多列的标题,为多个列添加新的标题(subheading)

列数据类型(Column dataTypes)

Wijmo表格控件的每一个列可以使用强数据类型比如字符串型、数字型、时间型、货币型或者布尔型。这个功能为表格控件提供了基于强类型数据的丰富功能。Wijmo表格控件甚至可以基于数据的内容来排列每个单元格。比如,所有的数字值都是右排列的。当需要使用多种数据类型的时候,数据类型这个功能可以带来极佳的用户体验。

多数据源

Wijmo表格控件支持在客户端使用任意数据源。它和我们的数据源控件一起工作,为在一个本地或者远程数据源上进行分类、分页或者过滤自动做好准备。它也能被用来和像HTML表(HTML table)一样简单的东西一起工作。Wijmo表格控件也支持JavaScript对象和数组以及任何来自jQuery AJAX调用像JSON或者XML这样的东西。因此无论你的数据是在什么表格里,Wijmo表格控件都能搞定!