We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback


Overview

The DataGrid control provides support to group data against one or more columns. Users can display organized data in a hierarchical structure based on matching column values. Groups can be expanded or collapsed through interaction or programmatically. It is also possible to apply custom grouping logic to group data. Customizable indent columns will be created to visually represent the grouping levels when grouping more than one column. It is also possible to animate the expand and collapse icon in the caption row.


Column grouping

Group data by one or more columns programmatically with customizable templates. The DataGrid control also allows you to show or hide a column when grouped.

Grouping a column in XamarinForms DataGrid


Group expand and collapse

View the records of each group easily. An intuitive expand icon in group captions provides an easier way to expand or collapse groups. Users can also expand or collapse groups in code behind.

Xamarin Forms DataGrid with one group expanded and one group collapsed


Custom grouping

  • Group the data for columns based on custom logic to perform grouping.
  • Sort all the inner records of each group.

Grouping column with custom logic in Xamarin Forms DataGrid


Display text-based grouping

Group the data for columns based on the displayed text. Users can view the grouped data with the formatted text applied for values.

Grouping column based on the text displayed in Xamarin Forms DataGrid


Summary for groups

View summaries for columns in a group caption. You can also show the summary of records in a group.

Summaries for the groups in Xamarin Forms DataGrid


Indent column customization

Indent columns are the columns present to the left of the summary rows when grouping more than one column. The number of indent cells in each summary row will be determined by the level of that group. DataGrid provides support to customize the size and background color of the indent column to have an elegant look and feel. It is also possible to customize the background color of the indent cells based on the type of row in a Xamarin.Forms DataGrid control.

Xamarin Forms DataGrid with customized indent columns


Animate group expand and collapse icons

The Xamarin.Forms DataGrid loads two different icons for denoting the group expanded and collapsed state. However, it also provides extensive support to rotate the expander icon animatedly for denoting the collapsed status.

Xamarin Forms DataGrid with animating group exand and collapse icons


150+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS
The most downloaded control (based on the nuget.org download count).
Scroll up icon