javascript - How to make Column group expandcollapse work in AgGrid? - Stack Overflow

admin管理员组

文章数量:1336631

I have an AgGrid configured with the following column definitions:

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

As you can see, I have configured a column group named "Col Group" and according to AgGrid documentation, there should be an option to collapse and expand the group, but I don't see it in my grid.

Here's a working example

Am I missing something or doing something wrong? How can I have the collapse/expand options working for this column group?

I have an AgGrid configured with the following column definitions:

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

As you can see, I have configured a column group named "Col Group" and according to AgGrid documentation, there should be an option to collapse and expand the group, but I don't see it in my grid.

Here's a working example

Am I missing something or doing something wrong? How can I have the collapse/expand options working for this column group?

• javascript
• ag-grid

Share Improve this question Follow asked Nov 20, 2024 at 10:38 gespinhagespinha 8,4971717 gold badges5959 silver badges9595 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

You need to set the columnGroupShow field on the children, not on the column def itself. Here is your updated code:

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

本文标签： javascriptHow to make Column group expandcollapse work in AgGridStack Overflow