ag-gridag-grid-react

Is it possible to modify ag-grid default indentation when using ag-grid showOpenedGroup=true?


in ag-grid single column Grouping, there is this property called showOpenedGroup that lets you display the same value as what is being grouped by:

https://www.ag-grid.com/react-data-grid/grouping-single-group-column/#showing-open-groups

But I find it weird that the values (being the same as the group) are indented one level down, see the attached image: indentation

I would expect "United States" (child) to render with the same indentation as "United States" (group parent) because they are the same value. One is not a child of the other, they are the same.

I tried to look for any property or css variable to override this behavior "the right" way, but it seems it is not possible.


Solution

  • Did you try this css class?

    --ag-row-group-indent-size
    

    https://www.ag-grid.com/angular-data-grid/global-style-customisation-variables/#reference-variables---ag-row-group-indent-size