更新ag-grid行数据后过滤器丢失，如何解决该问题？

我明白你遇到的痛点：更新行数据后AG Grid的过滤器直接失效，试过deltaRowDataMode和filterParams的配置都没起作用。结合AG Grid的工作机制，给你几个靠谱的解决方案：

优先推荐：用AG Grid官方更新API替代直接修改rowData #

AG Grid本身提供了更精准的行更新方法，能完美保留过滤、排序等网格状态，比手动修改rowData再调用setRowData靠谱得多：

1. 首先确保你的数据有唯一标识（如果没有，给gridOptions配置getRowId来指定）：

gridOptions = {
  // 假设你的行数据里有唯一的'id'字段，替换成你实际的字段名
  getRowId: params => params.data.id,
  // 其他配置...
};

2. 用applyTransaction方法更新目标行：

// 复制原行数据并更新字段
const updatedRow = { ...dg.gridOptions.rowData[index], x: dg.x, y: dg.y };
// 执行更新事务
dg.gridOptions.api.applyTransaction({ update: [updatedRow] });

这个方法只会更新指定行，AG Grid不会重置整个网格的状态，过滤器自然能保留。

方案二：正确配置deltaRowDataMode #

如果你还是想用setRowData的方式，得确保deltaRowDataMode能正确识别行的唯一性：

1. 必须配置getRowId（和上面一样，让AG Grid知道每行的唯一标识）；
2. 更新rowData时，要创建新数组但保留原有行的引用（只修改目标行）：

// 复制原rowData数组，避免直接修改原引用
const newRows = [...dg.gridOptions.rowData];
// 更新目标行的字段
newRows[index] = { ...newRows[index], x: dg.x, y: dg.y };
// 调用setRowData
dg.gridOptions.api.setRowData(newRows);

这样deltaRowDataMode才能识别出只有目标行是更新的，而不是全量替换数据，过滤器状态就不会丢失。

方案三：手动保存并恢复过滤器状态 #

如果前两种方法都不适用，可以手动保存更新前的过滤器状态，更新后再恢复：

// 更新前保存当前过滤器模型
const filterModel = dg.gridOptions.api.getFilterModel();

// 执行你的行数据更新操作
const newRows = [...dg.gridOptions.rowData];
newRows[index] = { ...newRows[index], x: dg.x, y: dg.y };
dg.gridOptions.api.setRowData(newRows);

// 更新完成后恢复过滤器
dg.gridOptions.api.setFilterModel(filterModel);

这个方法比较直接，适合一些复杂的自定义场景。

为什么你之前的配置没生效？ #

• deltaRowDataMode: true需要配合getRowId使用，否则AG Grid无法区分新旧行，还是会全量刷新网格，导致过滤器失效；
• filterParams: {apply: true, newRowsAction: 'keep'}是列级配置，需要放到对应的列定义里，而不是全局的gridOptions中，比如：

columnDefs: [
  {
    field: 'x',
    filter: true,
    filterParams: {
      apply: true,
      newRowsAction: 'keep'
    }
  },
  // 其他列配置...
]

之前如果是全局配置的话，自然不会起作用。

内容的提问来源于stack exchange，提问作者Renaud is Not Bill Gates