表格组件——ag-Grid研究

  ag-Grid官网

一、功能概述

注:红色部分是ag-Grid Enterprise版本才有的功能,ag-Grid Community版本并不支持。

功能点

功能概述
无限滚动,快速渲染 无限滚动,快速渲染,性能较优
分组/聚合 表头灵活分组,分组行中显示各种聚合列值
过滤排序 具备过滤以及排序功能,并通过按住SHIFT对多个列进行排序。
单元格编辑 可自定义设置编辑器
懒加载  
实时更新数据 网格中的数据可以实时更新。网格在完全响应的情况下,每秒可以轻松处理数百个数据。
树形结构 表格支持树形结构
透视 类似于Excel中的透视表。(只限高级用户)
展开 展开行,可在展开的地方添加一个包含不同列的网格。
状态保持 允许保存和恢复用户的表格首选项,包括筛选、排序和列顺序/可见性
用户界面 列标题和菜单、上下文菜单、工具面板和状态栏等几个模块的内容支持扩展,其中自定义工具面板功能只限于高级用户
键盘导航 支持全键盘导航
数据导出 允许用户将表格数据导出为csv或excel文件格式
自定义表格内容 允许您更改某一列显示的数据的格式,向单元格添加其他标记,甚至插入在所选框架中编写的自定义组件
行拖拽/行重新排序 允许用户通过拖拽更改数据行的显示顺序。
复制/粘贴 支持多个单元格选择,允许用户手动选择数据从表格中复制/粘贴到另一个表格。高级用户可使用剪贴板服务。
列交互 允许用户随意调整列宽、重新排序和固定列。也可以将列粘贴到展开/折叠组中。
分页 具备一般的分页功能,允许用户跳转到指定页
列跨越 类似于常见的合并单元格
固定行 除了固定表头,可将行数据固定,至于是否支持任意行固定还有待研究,官网给出的案例是静态数据

二、使用

ag-grid有两个版本:

1、ag-Grid Community,遵循MIT开源协议,可随意使用,但使用时须声明版权许可。

2、ag-Grid Enterprise,属于商业产品,非免费。

 

你可能感兴趣的:(前端UI)