CODEWITHSUNDEEP
angularag-gridag-grid-angular
Michael Mourao
Michael Mourao

Reputation: 23

AG-GRID: Is there a way to have expand/collapse functionality on a row and show custom content in the expanded area?

We need to have the ability to expand/collapse individual rows and when expanded show custom (angular) components in the area below the row, which will receive as input some of the data of the expanded row.

The closest thing we found is the Master/Detail feature of the enterprise version, but we don't want to display a nested table within, we want to have custom content.

similar to this this

Upvotes: 2

Views: 10898

Answers (2)

nmz787
nmz787

Reputation: 2170

I based my tree grid implementation off of this: https://riddheshganatra.medium.com/tree-data-with-ag-grid-community-94ba1dfb40eb with the associated code repo here: https://github.com/riddheshganatra/ag-grid-tree and some work I did to clarify it for readability (in my mind at least), as well as some optimization (recursive search to lookup-table) and making things into a proper class structure to align more with ag-grid documentation examples.

https://github.com/nmz787/ag-grid-tree

Upvotes: 0

Paritosh
Paritosh

Reputation: 11560

You could use Master-details feature of .

The feature is available with enterprise license.

Reference: Example - Custom Detail Cell Renderer

Upvotes: 3

Related Questions