https://www.ag-grid.com/javascript-data-grid/column-properties/#reference-columnGroups
`Column Properties > Groups`を使う。`columnGroupShow`に`open`か`closed`を指定すると、グループの展開状態によってカラムの表示/非表示を制御できる。直感的なのは`columnGroupShow: "open"`。
```ts
const columnDefs: ColGroupDef[] = [
{
headerName: "groupName",
children: [
{
headerName: "グループ展開時にだけ表示",
field: "colName1",
columnGroupShow: "open",
},
{
headerName: "グループ収納時にだけ表示",
field: "colName2",
columnGroupShow: "closed",
},
{
headerName: "常に表示",
field: "colName3",
},
]
}
]
```
デフォルトの開閉状況は`openByDefault`で指定する。(デフォルト値: `false`)