React DataGrid - grouping
Configures grouping.
allowCollapsing
Specifies whether the user can collapse grouped records in a grid or not.
autoExpandAll
Specifies whether groups appear expanded or not.
See Also
contextMenuEnabled
Enables the user to group data using the context menu.
Set this property to true to enable grouping using the context menu. In this case, to group/ungroup data, the user right-clicks a column header and chooses the required item from the appeared context menu.
See Also
- Grouping
- groupPanel.visible - enables the user to group data using the group panel.
- columns[].allowGrouping - disables group operations for an individual column.
- grouping.texts - customizes the context menu items.
expandMode
Specifies the event on which a group will be expanded/collapsed.
By default, to expand/collapse a group, the user clicks its expand/collapse button. On small-screen devices, this approach may impair the user experience. As an alternative, consider expanding/collapsing a group by a click on the group row. For this purpose, assign "rowClick" to the grouping.expandMode property.
See Also
texts
Defines the texts of grouping-related visual elements.
Use the properties of this object to localize or customize grouping-related elements. For example, the groupByThisColumn, ungroup and ungroupAll properties customize items of the context menu. These items appear in the menu only if the grouping.contextMenuEnabled property is set to true.
Also, this object contains the groupContinuesMessage and groupContinuedMessage properties that specify the text added to group rows when the group is parted.
If you have technical questions, please create a support ticket in the DevExpress Support Center.