AG GridJavaScript 数据网格
AG Grid 是一个功能齐全且高度可定制的 JavaScript 数据网格。它提供了出色的性能，没有第三方依赖，并且可以与所有主要的 JavaScript 框架顺利集成。
以下是网格在启用多个过滤器和分组的情况下的外观：
特点：
- 列交互（调整大小、重新排序，以及钉住列）
- 分页
- 排序
- 行选择
- 分组/聚合
- 自定义过滤
- 原地编辑单元格
- 记录懒散加载
- 服务器端记录操作
- 实时流更新
- 分层数据支持和树状视图
- 可定制的外观
- 可定制的单元格内容
- 状态持久性
- 键盘导航
- 数据导出到 CSV
- 数据导出到 Excel
- 行的重新排序
- 复制/粘贴
安装依赖
$ npm install --save ag-grid-community
向 HTML 添加占位符
<div id="myGrid" style="height: 150px; width: 600px" class="ag-theme-alpine"></div>
导入网格和样式
import { Grid } from 'ag-grid-community';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';
设置配置
var gridOptions = {
columnDefs: [
{ headerName: 'Make', field: 'make' },
{ headerName: 'Model', field: 'model' },
{ headerName: 'Price', field: 'price' }
],
rowData: [
{ make: 'Toyota', model: 'Celica', price: 35000 },
{ make: 'Ford', model: 'Mondeo', price: 32000 },
{ make: 'Porsche', model: 'Boxter', price: 72000 }
]
};
初始化网格
var eGridDiv = document.querySelector('#myGrid');
new Grid(eGridDiv, this.gridOptions);v
评论
EmberTableJavaScript 数据网格库
EmberTable.js是一个JavaScript数据网格库。它允许你控制大数据集，并用于显示。这是一个简单的扩展。它支持重排序，列调整大小，可自定义并且易于配置。依赖emberjquery-uij
EmberTableJavaScript 数据网格库
0
XDataGrid.NET 数据网格控件
XDataGrid是一个简单的.NET数据网格控件，类似于用Java写的随XDataSet(.NEDataSetT）一起绑定的组件，这是一种非常灵活的，可以生成XML的组件。
XDataGrid.NET 数据网格控件
0
Sensei GridjQuery 数据网格库
SenseiGrid是简单的数据网格库，使用JavaScript编写。i目标：简单极小的代码基础扩展性稳定性在线演示
Sensei GridjQuery 数据网格库
0
ag-Grid企业级 JavaScript 数据网格
ag-Grid是一个企业级的JavaScript数据网格。ag-Grid的目的是提供可用于构建企业级应用的表格，例如报告和数据分析，业务流程和数据输入的数据表格。ag-Grid每一个功能的文档至少有一
ag-Grid企业级 JavaScript 数据网格
0
jQuery Datagrid呈现数据网格的 jQuery 插件
jQueryDatagrid是一款用来呈现数据网格的jQuery插件，适用于本地或远程数据，设计是自适应的，简单易用，可扩展。特性：从任意来源获取数据，包括本地或者远程数据（使用ajax，延迟函数或插
jQuery Datagrid呈现数据网格的 jQuery 插件
0
jQuery Datagrid呈现数据网格的 jQuery 插件
jQuery Datagrid 是一款用来呈现数据网格的 jQuery 插件，适用于本地或远程数据，
jQuery Datagrid呈现数据网格的 jQuery 插件
0
GridlexFlexbox 网格系统
Gridlex是Flexbox的网格系统，特点：每列列宽相同；你可以在列中添加修改大小的类；对于敏感的数据，你可以根据媒体查询添加类；网格可以嵌套；
GridlexFlexbox 网格系统
0