.NET MAUI DataGrid

The Telerik UI for .NET MAUI DataGrid is a powerful native control that allows you to easily visualize and edit tabular represented data in your .NET MAUI applications. The control can be populated from various data sources and includes out-of-the-box support for operations like sorting, filtering and grouping and editing and more. Currently, the control is available for iOS, Android, Windows and macOS.

See the .NET MAUI DataGrid documentation

Provide your end users with flawless performance thanks to the powerful grid control data layer. The built-in UI Virtualization makes sure that cell and row elements are created only when needed and only for the currently visible cell and row elements, hence reducing memory footprint and boosting performance to new heights.

Telerik UI for .NET MAUI Grid read/write capability allows developers to quickly enable app users to edit data presented in the grid. Depending on the column data type, a relevant editor allows end users to edit content with the appropriate editor type. For instance, if one of the columns is a date, a date-picker will be used to offer the user a change in date field.

The .NET MAUI DataGrid component allows you to search for specific data by using a configurable built-in search functionality, represented by a search panel UI. The default search behavior is to search as you type.

The DataGrid component provides customizable highlighting of the search results. Additionally, the matched chunks of text are also highlighted to make them easily noticeable.

See the .NET MAUI DataGrid documentation: Search as you type

DataGrid users can easily change a column's width by positioning their finger or the mouse over the column's vertical grid line and dragging it until they achieve the desired column size.

In addition, the DataGrid control exposes an event that is invoked when the user resizes the column. The event gives you information for the resized column and the width the column was resized to.

See the .NET MAUI CollectionView documentation: Column Resizing Events

If end users want to switch column positions in a DataGrid, they will be pleased with the column reordering functionality. Users can just drag a column's header to the desired position among the other headers and drop it there, thus changing the columns order.

The .NET MAUI DataGrid exposes a set of events related to the reordering feature. During the event's invocation, you can use the parameters of the event to add additional logic, for example, to cancel column reordering if it doesn't match a specific condition. This becomes handy in scenarios when you don't want to move a particular column to a specific location, for example.

See the .NET MAUI CollectionView documentation: Column Reordering Events

Working with data tables that have a high number of columns can be difficult. Now you can freeze/pin any DataGrid column or multiple columns to the left side of the grid and have them visible no matter how far across the sheet you scroll.

See the .NET MAUI DataGrid docs: Frozen/Pinned Columns

Easily perform SORT, FILTER or GROUP operations on your data via the intuitive user interface or with the convenient API of the DataGrid. The highly optimized data layer of the control handles these operations instantly. No matter what your goal is for displaying the data in the grid, or the app user’s preferred data view, it can be done with the various out-of-the-box options for sorting, filtering with different types of filter descriptors, expressions and filter editors for the diverse data types, or grouping the data on single or multiple levels with hierarchical view.

See the .NET MAUI DataGrid documentation: Filtering, Grouping and Sorting

The Grouping UI functionality enables users to drag and drop column headers into the top panel to group data. With built-in Grouping UI, you give the user control over how they view the data, instead of having to hard-code specific views for them. You can enable grouping on multiple levels with hierarchy.

Telerik UI for .NET MAUI DataGrid allows displaying individual footer cells for each column, containing additional information about the column. The component also allows rendering a footer under each group when grouping is used. Similarly, group footers display group summaries.

Whenever you need to add a row with totals at the bottom of the Data Grid’s groups or columns, you can use the Data Grid control’s Aggregates support. Take advantage of the built-in support for the most popular aggregate functions: Average, Count, Sum, Min, Max, Count or create a custom aggregate function.

Data grids that display large numbers of columns can be hard to read, especially when observed on mobile devices. That is why we added the Row Details functionality to the .NET MAUI DataGrid. It allows you to display a smaller number of columns on the screen and have the option to expand each row and see additional information. By modifying the row details data template, you decide what data to display and how to visualize it.

See the .NET MAUI DataGrid docs: Row Details

The DataGrid control for .NET MAUI supports alternating row colors so your app users can easily distinguish one row from another.

Sometimes we can lose track of the mouse cursor when hovering over big data tables. This DataGrid addition gives the user a clear visual indication of whether he has hovered over a column header or not.

DataGrid features single or multiple item selection, as well as controlling the selection—Unit – Cell or Row—thus enabling any selection scenario you want your .NET MAUI app users to have.

See the .NET MAUI DataGrid documentation: Selection

The Telerik DataGrid control for .NET MAUI features a built-in styling mechanism for customizing the look of the control and its items.

Loading a large data set has its challenges. One of the most popular approaches is using incremental data loading as additional items need to be visualized, on demand by the user. Telerik UI for .NET MAUI DataGrid offers automatic data loading once you’ve scrolled to the last available record, or by displaying a customizable button that will initiate loading more data items.

See the .NET MAUI DataGrid documentation: Load On-Demand

You can bind your .NET MAUI DataGrid to a DataTable and have access to all the cool features. You can add, remove, select, edit item(s) and update DataGrid's ItemsSource. You can also perform commands and operations like filtering, sorting, grouping and selection.

See the .NET MAUI DataGrid documentation

The Telerik UI for .NET MAUI DataGrid provides keyboard navigation support for Windows and MacOS, making the navigation experience even smoother. While applying part of the keyboard keys, you can also change the current cell behavior of the DataGrid component.

See the .NET MAUI DataGrid documentation: Keyboard Navigation

The Telerik UI for .NET MAUI DataGrid control now provides an Empty Template. This feature enables you to inform end-users when the control has no data to display.

See the .NET MAUI DataGrid docs: Empty Template

The New DataGrid SKIAColumn in .NET MAUI enhances rendering capabilities, providing smoother and more efficient data presentation. See more info here. 

The DataGrid component is also available for these popular frameworks:

• Blazor
• ASP.NET Core
• ASP.NET MVC
• ASP.NET AJAX
• Angular
• React
• jQuery
• Vue
• Xamarin
• WPF
• WinForms