如何在Ag-Grid React Enterprise的forEachNode中删除全空行

我刚好处理过类似的需求，其实核心思路是先收集所有需要删除的全空行节点，再批量删除，而不是在forEachNode遍历过程中直接删除（因为直接删除会打乱遍历顺序，导致部分行被跳过）。下面是具体的实现步骤和代码示例：

步骤1：编写判断行是否全为空的工具函数 #

首先需要一个函数来检查某一行的所有单元格值是否都为空（包括空字符串、null、undefined、纯空白字符这些情况）：

function isRowAllEmpty(node) {
  // 获取当前表格的所有列定义
  const columnDefs = node.gridApi.getColumnDefs();
  // 遍历所有列，逐一检查对应单元格的值
  return columnDefs.every(colDef => {
    const cellValue = node.data[colDef.field];
    // 覆盖各种空值场景
    return cellValue === null || cellValue === undefined || (typeof cellValue === 'string' && cellValue.trim() === '');
  });
}

步骤2：在验证方法中收集并删除全空行 #

在你的提交前验证方法里，不要直接在forEachNode里删除节点，而是先把所有全空行的rowId收集起来，再用gridApi.updateRowData()批量删除：

function validateAndCleanGrid(gridApi) {
  const emptyRowIds = [];

  // 遍历所有节点，筛选出全空行的ID
  gridApi.forEachNode(node => {
    if (isRowAllEmpty(node)) {
      emptyRowIds.push(node.id);
    }
  });

  // 批量删除收集到的全空行
  if (emptyRowIds.length > 0) {
    gridApi.updateRowData({ remove: emptyRowIds });
    console.log(`已自动清理${emptyRowIds.length}条全空行`);
  }

  // 继续执行你原本的校验逻辑
  gridApi.forEachNode(node => {
    // 你的原有数据校验代码...
  });
}

为什么不直接在forEachNode里删除？ #

如果在forEachNode遍历过程中直接调用删除方法，Ag-Grid的遍历顺序会被打乱——删除节点后，后续节点的位置会自动前移，导致forEachNode跳过下一个节点，最终有些全空行无法被检测和删除。先收集再批量删除可以完美规避这个问题。

额外提示：适配动态行场景 #

如果你的表格支持用户动态添加行，这个逻辑同样适用，因为forEachNode会遍历所有节点（包括刚添加的空行），不会遗漏任何需要清理的内容。

内容的提问来源于stack exchange，提问作者Sanad Ahmed Ansari