AG Grid自定义Tooltip中如何获取恒定行ID？

我来帮你搞定这个问题！你遇到的核心问题是AG Grid默认不会自动给每行分配恒定的唯一ID，所以得先做一点配置，然后才能在Tooltip组件里拿到稳定的ID。

第一步：给AG Grid配置恒定行ID #

首先，你需要在表格的gridOptions里添加getRowId函数，指定用你行数据里的某个唯一字段作为行ID（比如你的数据里有id、uuid这类唯一值字段）。这样不管怎么过滤、排序，每行的ID都会保持不变。

示例代码：

// 假设你的组件里定义了gridOptions
gridOptions = {
  // 关键配置：用数据里的唯一字段生成行ID
  getRowId: (params) => params.data.uniqueId, // 替换成你数据里的实际唯一字段名，比如id
  // 其他表格配置（列定义、数据源等）...
};

如果你的行数据里没有现成的唯一字段，也可以手动生成（比如用索引+时间戳，但更推荐后端返回唯一ID）。

第二步：在Tooltip组件中获取恒定ID #

配置完getRowId后，你就可以在Tooltip组件里正常拿到恒定的行ID了，有两种可靠的方式：

方式1：通过params.node.id获取 #

配置好getRowId后，params.node.id就会被正确赋值，不会再出现无法读取的情况：

agInit(params): void {
  this.params = params;
  // 现在可以正常拿到恒定行ID了
  if (params.node) {
    console.log('恒定行ID:', params.node.id);
  }
  console.log('随过滤变化的行索引:', params.rowIndex);
}

方式2：直接从原始数据中获取（更稳妥） #

其实你也可以直接从params.data里取原始数据的唯一字段，因为params.data是当前行的原始数据对象，过滤、排序都不会改变它的内容：

agInit(params): void {
  this.params = params;
  // 直接取数据里的唯一字段，最稳妥
  console.log('恒定行ID:', params.data.uniqueId); // 同样替换成你数据里的实际字段名
}

为什么之前拿不到ID？ #

• params.rowId是params.node.id的别名，只有配置了getRowId或者列定义里指定了rowId，这个值才会存在，所以之前返回undefined。
• params.node.id无法读取，是因为AG Grid默认没有给行节点分配ID，必须通过getRowId配置后才会生成。

这样配置后，不管你怎么过滤表格，拿到的行ID都是恒定不变的啦！

内容的提问来源于stack exchange，提问作者Murali