如何在ag-grid中仅允许选择分组子元素，禁用分组行选择？

要实现仅允许选择分组子行、禁用分组行选择的需求，有两种原生实现方式，无需额外插件：

方法一：使用isRowSelectable配置项（推荐） #

直接通过Grid Options的isRowSelectable属性定义行是否可被选择，判断逻辑基于行节点的group属性（分组行的rowNode.group为true）：

gridOptions = {
  // 你的其他Grid配置
  isRowSelectable: (rowNode) => {
    // 仅非分组行允许被选择
    return !rowNode.group;
  }
};

设置后，分组行的选择框会直接置灰不可点击，从根源上避免误选，交互体验更友好。

方法二：通过rowSelected事件拦截 #

如果需要更灵活的动态判断逻辑，可以利用rowSelected事件在选择发生后取消分组行的选择状态：

gridOptions = {
  // 你的其他Grid配置
  onRowSelected: (event) => {
    const rowNode = event.node;
    if (rowNode.group) {
      // 强制取消分组行的选择
      rowNode.setSelected(false);
    }
  }
};

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