Learn more about Row Grouping in the documentation: www.ag-grid.com/javascript-data-grid/grouping/ - All frameworks supported by AG Grid have the same functionality so you can find Row Grouping in our JavaScript, Angular, React and Vue Framework support. - For more information about AG Grid please visit: ag-grid.com/
Not able to group columns as subcolumns under a parent column if they use agMultiColumnFilter. i,e. all those columns which look like parent nodes of a tree structure should have a combined parent column. Currently only those sub columns that dont have agMultiColumnFilter can be grouped under some common parent.
Glad you found the video useful! Just in case anyone else is in the same position in the future, you can learn more about the Row Group Panel here: ag-grid.com/javascript-data-grid/grouping-group-panel/
Do you know if there is a way to delete all the elements in the aggregation container in the columns sidebar? I want to add a button in my tool to delete all the aggregation values.
I have a cellrenderer that is custom, it needs to map the data and bolden some values that's working on the column, but grouping by that column has no affect at all, the settings are applied to multiple tables but I need it only on that column, I'm lost as what to do? I also have groupRows set up. It must affect only one column when grouping, I'm using the rowBar whete I can group by any column
Hi will you please help me I am trying to select a child node from a group but it is collapsing the group. I want group to remain expanded on manually expanding it and child node selection.
I have a question. How do we make a whole group cell clickable? Not only arrows. When I take the mouse to the text after arrows I wanna be able to click and see the hover. How could I do that?
Also if I click two times on the text, rowgroup is opened. But I want to be able to click as like arrows. When I take the mouse on the text, I want to see the hover and with one click open the rowgroup.
Hi @anutaNYC, we do monitor comments here but for technical support, we recommend checking our docs or raising an issue on our GitHub repo: github.com/ag-grid/ag-grid/issues
@@agGrid can you point me please, to the doc or blog or issues that explain how to format cells and groups? When I use innerCellRenderer for the group it affects all groups, I have custom cellRenderer to make some values bold and formatting the data because it's complex data, but when using GroupRow Panel and grouping by that column the cellrenderer has no affect. Thank you
Hey, I have a requirement of using row grouping with server side pagination BUT client side grouping. Currently with server side pagination when I click toggle it makes an api call to fetch the groups but the required grouping rows are already present in table. Is there a way to handle this use case?
Hi, since those are enterprise features you should be able to contact support through zendesk. You can contact info@ag-grid.com if you don't already have access to zendesk.
Does AG Grid support a grouping use-case where a data entity has for example, an audit history of changes? The visual expectation is, the row group cell would be the most recent one (with all column data displayed) and the expanded list would be all the historical entries with all of their column data displayed as well.
The grouping functionality is pretty flexible, you might need to look through the examples in the docs to find something close to what you have in mind. Also, there is tree data and nested grid functionality that could be used for that purpose and might be more suitable. - www.ag-grid.com/javascript-data-grid/tree-data/ - www.ag-grid.com/javascript-data-grid/master-detail/
@@agGrid thanks for that info! Also forgot to thank you for the video itself here. I’m actually a first time user of AG Grid so video content like this is extremely helpful. I’ve been browsing through the docs and don’t think I’ve found an example that closely resembles what I’m looking for. I guess my row group use-case is a custom one. I basically want to reuse the same core grid column defs for a list of data (representing data change over time like version history) and the first item (with the expand/collapse) is the most recent. It doesn’t look like treeData or masterDetail apply here as I read the docs but I could be misunderstanding things.
I would say tree data and master detail can do it. The trick is your app needs to present the data to the grid in a way that makes sense. Eg for both master detail and tree data, configure it so history records are passed back as children. There is no example for business function showing histories, however how to specufy children is. So up to your app to configure it. We don't cover all use cases (almost infinite number), rather we cover all features. Thank you for the positive feedback.
@@ceolter if I use masterDetail, then the children are in their own grid if my understanding is correct. So if I use a floating filter on the main grid’s column, the filter will not apply to the child detail grid’s row data (which isn’t the behavior desired as we want to treat the data as if it’s all in one single grid with aggregate rows) After fiddling around with things, I suppose I’m looking for a mix of both the “master row” feature from masterDetail alongside the Row Grouping feature (without the default row group cell as that would be replaced by the “master row”)
@@DanielSanchez_dsanc89 Correct regards Master Detail and Filters, you would have to write logic to listen to filter changes on the parent grid, and apply similar filters to the child grids, which is really awkward considering the child grids are created and destroyed as you expand / collapse. I think Tree Data is closer to what you want. However you may need to implement a custom filter to achieve exactly what you want.
Is it possible to group the rows, but still display information in the same row? That is, if I have this Table : ID Name Color 233 A Red 233 B Orange 405 A Blue 405 B Green Obtain this group row by the ID: ID Name Color 233 A Red 405 A Blue
Learn more about Row Grouping in the documentation: www.ag-grid.com/javascript-data-grid/grouping/
- All frameworks supported by AG Grid have the same functionality so you can find Row Grouping in our JavaScript, Angular, React and Vue Framework support.
- For more information about AG Grid please visit: ag-grid.com/
Not able to group columns as subcolumns under a parent column if they use agMultiColumnFilter. i,e. all those columns which look like parent nodes of a tree structure should have a combined parent column. Currently only those sub columns that dont have agMultiColumnFilter can be grouped under some common parent.
These are some of the best 20:23 minutes ever spent learning anything. This is incredible! Thanks for sharing.
How can i achive the row grouping in ag-grid with community version only ??? without using the enterprise version .. is there any work around ?
Thank goodness for this video
I wish I had found the "sideBar": True, and "rowGroupPanelShow": 'always', options much earlier
Glad you found the video useful! Just in case anyone else is in the same position in the future, you can learn more about the Row Group Panel here: ag-grid.com/javascript-data-grid/grouping-group-panel/
I have quite enjoyed this demo, it didnt even make me a smoker 😀🍻
How to achieve this using SSRM
Do you know if there is a way to delete all the elements in the aggregation container in the columns sidebar? I want to add a button in my tool to delete all the aggregation values.
I have a cellrenderer that is custom, it needs to map the data and bolden some values that's working on the column, but grouping by that column has no affect at all, the settings are applied to multiple tables but I need it only on that column, I'm lost as what to do? I also have groupRows set up. It must affect only one column when grouping, I'm using the rowBar whete I can group by any column
It is possible to drag row within the row group.
Hi will you please help me I am trying to select a child node from a group but it is collapsing the group. I want group to remain expanded on manually expanding it and child node selection.
This was damn useful, thanks a ton!
You are very welcome!
if I want order groups by that number (inside Brackets), what I need bro?
Is it possible to remove the border bottom between leaves?
How to group row in array inside array in ag grid.
why there is no video on side bar topic?
I have a question. How do we make a whole group cell clickable? Not only arrows. When I take the mouse to the text after arrows I wanna be able to click and see the hover. How could I do that?
Also if I click two times on the text, rowgroup is opened. But I want to be able to click as like arrows. When I take the mouse on the text, I want to see the hover and with one click open the rowgroup.
How to supress expanding collapsing groups, to make them more like header? Do you monitor the comments here?
Hi @anutaNYC, we do monitor comments here but for technical support, we recommend checking our docs or raising an issue on our GitHub repo: github.com/ag-grid/ag-grid/issues
@@agGrid can you point me please, to the doc or blog or issues that explain how to format cells and groups? When I use innerCellRenderer for the group it affects all groups, I have custom cellRenderer to make some values bold and formatting the data because it's complex data, but when using GroupRow Panel and grouping by that column the cellrenderer has no affect. Thank you
Hey, I have a requirement of using row grouping with server side pagination BUT client side grouping. Currently with server side pagination when I click toggle it makes an api call to fetch the groups but the required grouping rows are already present in table. Is there a way to handle this use case?
Hi, since those are enterprise features you should be able to contact support through zendesk. You can contact info@ag-grid.com if you don't already have access to zendesk.
@agGrid custom aggFuncs for nested rowgroup totals please
Does AG Grid support a grouping use-case where a data entity has for example, an audit history of changes? The visual expectation is, the row group cell would be the most recent one (with all column data displayed) and the expanded list would be all the historical entries with all of their column data displayed as well.
The grouping functionality is pretty flexible, you might need to look through the examples in the docs to find something close to what you have in mind.
Also, there is tree data and nested grid functionality that could be used for that purpose and might be more suitable.
- www.ag-grid.com/javascript-data-grid/tree-data/
- www.ag-grid.com/javascript-data-grid/master-detail/
@@agGrid thanks for that info! Also forgot to thank you for the video itself here. I’m actually a first time user of AG Grid so video content like this is extremely helpful.
I’ve been browsing through the docs and don’t think I’ve found an example that closely resembles what I’m looking for. I guess my row group use-case is a custom one.
I basically want to reuse the same core grid column defs for a list of data (representing data change over time like version history) and the first item (with the expand/collapse) is the most recent. It doesn’t look like treeData or masterDetail apply here as I read the docs but I could be misunderstanding things.
I would say tree data and master detail can do it. The trick is your app needs to present the data to the grid in a way that makes sense. Eg for both master detail and tree data, configure it so history records are passed back as children. There is no example for business function showing histories, however how to specufy children is. So up to your app to configure it. We don't cover all use cases (almost infinite number), rather we cover all features.
Thank you for the positive feedback.
@@ceolter if I use masterDetail, then the children are in their own grid if my understanding is correct. So if I use a floating filter on the main grid’s column, the filter will not apply to the child detail grid’s row data (which isn’t the behavior desired as we want to treat the data as if it’s all in one single grid with aggregate rows)
After fiddling around with things, I suppose I’m looking for a mix of both the “master row” feature from masterDetail alongside the Row Grouping feature (without the default row group cell as that would be replaced by the “master row”)
@@DanielSanchez_dsanc89 Correct regards Master Detail and Filters, you would have to write logic to listen to filter changes on the parent grid, and apply similar filters to the child grids, which is really awkward considering the child grids are created and destroyed as you expand / collapse.
I think Tree Data is closer to what you want. However you may need to implement a custom filter to achieve exactly what you want.
Is it possible to group the rows, but still display information in the same row?
That is, if I have this Table :
ID Name Color
233 A Red
233 B Orange
405 A Blue
405 B Green
Obtain this group row by the ID:
ID Name Color
233 A Red
405 A Blue
Did you find an answer to this?
probably better to use Tree Data for this case!
Help, it's not working for me :s
Poor Bob
What a way to find out someone slept with your wife
Moved to enterprise
Awesome! We hope you're enjoying it