Syncfusion.Maui.DataGrid

The Syncfusion.Maui.DataGrid package contains the Syncfusion DataGrid component for .NET MAUI application. The MAUI DataGrid control is used to display and manipulate data in a tabular view. It was built from the ground up to achieve the best possible performance, even when loading large amounts of data.

Prerequisites

Integrated Development Environment

By using the following IDEs, you can develop .NET MAUI applications

• Visual Studio 2022 or Visual Studio for Mac.

Framework & SDK

The below tool is required to run the .NET MAUI application.

• .NET 6.0 SDK
• Android 5.0 (API 21) or higher.
• iOS 10 or higher.
• macOS 10.13 or higher.

Key Features

• Data binding: Bind different types of data sources, including DataTable.
• Column types: Show different data types in different types of columns. The following column types are supported: numeric, text, date, checkbox, image, and template. The template column is used to load any control in a column.
• Sorting: Interactively sort one or more columns.
• Filtering: Programmatically filter data based on the criteria.
• Column sizing: Set the width of columns with various sizing options. Columns can also be sized based on their content.
• Auto row height: Set the height for rows based on the content of their cells.
• Selection: Select one or more rows. Keyboard navigation is supported for Windows and Mac Catalyst platforms.
• Styling: Customize the appearance of cells and headers. Conditional styling is supported.

Getting Started

To initialize the DataGrid control add the below code to your xaml file.

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="DataGridMauiSample.GettingStartedDemo"
             xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
	     xmlns:local="clr-namespace:DataGridMauiSample"
             xmlns:datagrid="clr-namespace:Syncfusion.Maui.DataGrid;assembly=Syncfusion.Maui.DataGrid"
             BackgroundColor="White">
  <ContentPage.BindingContext>
      <local:OrderInfoRepository/>
  </ContentPage.BindingContext>

  <ContentPage.Content>
        <datagrid:SfDataGrid x:Name="dataGrid"
                          SelectionMode="Single"            
                          ItemsSource="{Binding OrderInfoCollection}">	   
        </datagrid:SfDataGrid>
  </ContentPage.Content>
</ContentPage>

For other features code snippet, please check this documentation link

Resources

• Learn more about .NET MAUI DataGrid control: Syncfusion .NET MAUI DataGrid
• Documentation: Syncfusion .NET MAUI DataGrid control

Support and feedback

• For any other queries, reach our Syncfusion support team or post the queries through the community forums.
• Provide feature request through the syncfusion feedback portal

License

This is a commercial product and requires a paid license for possession or use. Syncfusion's licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA. You can purchase a license here or start a free 30-day trial here.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 26,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1600+ components and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (MAUI, Xamarin, Flutter, UWP, and JavaScript), and desktop development (WinForms, WPF, WinUI, Flutter and UWP). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.