ag-grid refreshCells刷新更新数据

我们通常会遇到这样一个情景,选中表格中的一行点击编辑,弹出对话框修改完数据后更新表格选中行的数据,ag-grid可以通过refreshCells方法来更新表格显示的数据。

ag-grid forEachNode遍历行对象

ag-grid forEachNode方法遍历行对象,参数为回调方法,执行回调方法时会传入node行节点对象和index当前索引,类似js的数组的forEach方法。

ag-grid rowGroup行组

ag-grid rowGroup行组可以对行分组,这是非常有用的一个功能,可惜只有企业版才有。

ag-grid getRowNode获取行对象

ag-grid getRowNode获取行对象,行对象包含行原始数据、行高等各种属性。

ag-grid getPinnedBottomRow获取底部合计行对象

ag-grid getPinnedBottomRow获取底部合计行rowNode对象,行对象结构如下。

ag-grid getPinnedTopRowCount获取置顶行数量

ag-grid的getPinnedTopRowCount方法获取置顶行数量,返回对象为rowNode对象,行对象结构如下。

ag-grid setPinnedBottomRowData设置表格底部行汇总行统计行

在底部设置一行固定行进行数据汇总是一个非常见的需求,ag-grid可以通过setPinnedBottomRowData方法简单的就实现该功能。

ag-grid setPinnedTopRowData设置表格置顶行汇总行

有时我们需要在表格顶部设置一行置顶行进行汇总,这时我们可以通过ag-grid setPinnedTopRowData设置表格置顶行汇总行。

ag-grid pinnedBottomRowData 把行数据固定在底部

ag-grid可以通过pinnedBottomRowData把一行或者多行数据固定在表格的底部,注意这些行不能选中、排序、刷选和分组。

ag-grid pinnedTopRowData置顶行固定在顶部

ag-grid可以通过pinnedTopRowData把一行或者多行数据置顶在表格的顶部,注意这些行不能选中、排序、刷选和分组。

ag-grid setRowData插入新的行和新增行

ag-grid setRowData方法插入新的行到表格中。

ag-grid setColumnDefs新增列重新设置列

ag-grid setColumnDefs新增一列或者重新设置所有的列。

ag-grid sizeColumnsToFit自适应大小

ag-grid当渲染完后可以通过sizeColumnsToFit自适应表格大小,比如div容器是600px,假设你有两列宽度加起来300px

ag-grid全选反选

ag-grid全选反选、按条件筛选、获取选中行数据。

ag-grid增加行删除行修改行

对ag-grid增加行删除行修改行,ag-grid更新数据有两种方法,api.updateRowData和rowNode.setData。

ag-grid setRowData重新设置表格行数据

ag-grid setRowData重新设置表格行数据,如果我们想通过自己定义的ajax方法更新行数据(会清除原因数据),这时就需要用到setRowData方法。

ag-grid设置行高列宽

ag-grid设置表格的行高和列的宽,表头的高度。

ag-grid checkbox设置复选框

本篇演示ag-grid全选反选功能,并把checkbox复选框固定再第一列及获取选中的值。

ag-grid设置选择行点击选中单行或多行

点击选中一行数据是表格里最常见的一种用户操作,那么ag-grid如何让用户点击选中一行数据,由如何获取选中的数据呢。

ag-grid定义列columnDefs及列属性

我们显示的表格是有横向(X轴)的数据行和竖向(Y轴)列组成,本章将详细讲解ag-gird如何定义列。