我看了你的列配置和遇到的问题，问题其实出在columnGroupShow: "open"这个配置上哦！

你设置的这个属性会强制让列组始终保持展开状态，所以AgGrid就不会显示展开/折叠的切换按钮了——毕竟都强制展开了，还要切换按钮干啥呢😉

要让展开/折叠功能正常工作，只需要把columnGroupShow: "open"这一行移除就可以了，修改后的列定义应该是这样：

const colDefs = ref([
  {
    field: "make"
  },
  { field: "model" },
  {
    headerName: "Col Group",
    children: [{ field: "price" }, { field: "electric" }],
  },
]);

另外再给你补充两个实用小配置：

• 如果你希望列组默认是折叠状态，只需要在列组里加上openByDefault: false就行
• 再给你理清楚columnGroupShow的正确用法：它是用来控制子列在列组展开/折叠时是否显示的，比如设置columnGroupShow: "closed"，就表示只有当列组折叠时，这个子列才会显示，一般用来做汇总列，不是控制列组本身的展开折叠开关的。

举个默认折叠的例子：

{
  headerName: "Col Group",
  openByDefault: false, // 让列组默认折叠
  children: [{ field: "price" }, { field: "electric" }],
}

这样修改后，你就能看到列组的展开/折叠按钮，正常切换状态啦！

备注：内容来源于stack exchange，提问作者gespinha