Syncfusion Feedback
Essential JS2

The Syncfusion® Xamarin control suite has been retired and is no longer in active development. We recommend migrating to our .NET MAUI controls, which deliver even more features, enhanced performance, and long-term support for modern, cross-platform applications.

Try .NET MAUI


Xamarin.Forms Xamarin Datagrid Grouping

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

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion® reduces customers’ development time.
Here are some of their experiences.
double-quotes-image
The best tool to operate grid like data out there
Good documentation helps you with everything you need to know. What I like the most is that it takes you from configuration to usage. I have mainly used grid and toolbar options along with dashboard.
customer-image
Ivan G,
Business Application Developer
rating-image
double-quotes-image
Superior components:any day anytime
Essential studio is one of a kind. The fact that they give us the community developer license has always shown how much they value the small teams creating their own startups. Essential studio has helped a lot in my almost ready business intelligence platform for the healthcare industry. The grid and the kanban components are what made us fall in love with all the other components.
customer-image
Kelvin M.
Software Development Engineer
rating-image

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