如何在 Cell Renderer 中检查该行是否在 AgGrid 中分组

Question

我想在行分组时隐藏一个图标。并在行展开时显示图标。 我在 agGrid 中找不到任何属性来说明特定行是否已分组。

我曾尝试发送自定义参数，但在我尝试展开分组行时隐藏了图标。

Answer 1

我看了一下聊天，这是它告诉我的内容：

聊天打开 A.I.回答：

*您可以使用 GridApi 对象的 isExpanded() 方法来确定特定行是否展开。该方法以行节点为参数，返回一个布尔值表示该行是否展开。

您可以在包含图标的列的 cellRenderer 函数中使用此方法，并使用返回值根据行是否展开来显示或隐藏图标。 这是一个例子：*

const columnDefs = [
  { 
    headerName: "Name", 
    field: "name", 
    cellRenderer: function(params) {
      const isExpanded = params.api.isExpanded(params.node);
      return `<i class="icon ${isExpanded ? 'show' : 'hide'}"></i> ${params.value}`;
    }
  },
  // ... other column definitions
];

您还必须在图标上有一个 css 类来隐藏或显示它。

.hide{
    display:none;
}
.show{
    display:block;
}

这将在行展开时显示图标，并在行分组时隐藏它。

这有意义吗？