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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Overview

The Xamarin.Forms DataGrid control is a high-performance grid component that helps to efficiently display and manipulate large amounts of data in a tabular format. Its rich feature set includes functionalities like data binding, sorting, grouping, editing, filtering, swiping, dragging, resizing, loading more items, pull to refresh, and more. It supports exporting the entire DataGrid or selected items to Excel and PDF file formats. It has also been optimized to handle high-frequency real-time updates.


High performance

The Xamarin.Forms DataGrid control was built from the ground up to achieve the best possible performance on the Xamarin platform, even when loading large data sets. Keep your data organized with both basic and advanced operations on cells, rows, and columns. Perform data processing operations like sorting, grouping, summaries, and real-time updates efficiently.

XamarinForms DataGrid with high performance


Data binding

The Xamarin.Forms DataGrid has data-binding support that works out of the box for most popular data sources like List and ObservableCollection. Further, the DataGrid control is completely MVVM compatible. It has built-in commands for handling interactions in MVVM.

Binding data sources to XamarinForms DataGrid


Responsive DataGrid

Responsive features allow the Xamarin.Forms DataGrid layout to be viewed on various devices. It is also possible to hide specific columns based on devices. Customize the width of all the columns or individual columns with the built-in column sizing options.

XamarinForms DataGrid with responsive column sizing


Editing

In-place editing support with built-in column types provides the best editing experience. There are text, numeric, picker, and date picker editors with support to commit or roll back changes.


Data shaping and manipulation

Xamarin Forms DataGrid with sorting

Sorting

Sort data using conventional sorting techniques against one or more columns either by touch or programmatically. Apply custom sorting logic to order data when conventional techniques do not meet the requirement.

Xamarin Forms DataGrid with groups

Grouping

Group data by one or more columns programmatically with customizable templates. Groups can be expanded or collapsed. You can also apply custom grouping logic to group data.

Xamarin Forms DataGrid with summary information

Summaries

Calculate and display sum, min, max, average, count, and custom aggregates for the entire DataGrid or individual groups to show the summarized information of all the data or just a section. Display summaries with different summary types, such as:

  • Total or table summary
  • Group summary
  • Summary in group caption or group header
  • Custom summary

Xamarin Forms DataGrid with filtered data

Filtering

Easily filter and search records by setting a predicate to the view.

Xamarin Forms DataGrid with real-time updates

Live streaming updates

The Xamarin.Forms DataGrid control can handle high-frequency updates even under the most demanding scenarios in which data is sorted and grouped in real time. The summaries are calculated in an optimized way and the updated summary is displayed in real-time scenarios.


Loading more items

  • Load a subset of data to the bound collection at runtime.
  • Customize the load-more-items option and set its position to either the top or bottom of the Xamarin.Forms DataGrid.
  • Load data in chunks automatically on reaching the end of a list.

Xamarin Forms DataGrid with load more capabilities


Pull to refresh

  • Refresh the data source at runtime when performing a pull to refresh action.
  • Customize the pull to refresh view with sliding and pushing transition modes for a native pull to refresh experience.

Runtime refreshing of data in Xamarin Forms DataGrid


Row and column customizations

Xamarin Forms DataGrid with various column types

Column types

Load different types of data using various built-in column types such as text, numeric, picker, date picker, switch, and image for better data visualization.

Template customization of Xamarin Forms DataGrid

Column customizations

  • Customize various column settings directly just by setting an API either from the XAML or in the code.
  • Load custom views or multiple views to the cells using templated columns.
  • Load data not bound to the model at runtime. You can also use expressions to calculate values among columns.

Xamarin Forms DataGrid with autofit capabilities

Autofit capabilities

  • Adjust the row height (auto fit) based on the content of any column or certain columns to enhance readability.
  • Customize the width of all the columns or individual columns in a Xamarin.Forms DataGrid using the various built-in column sizing options.
  • Customize the row height conditionally.

Row and column pinning in Xamarin Forms DataGrid

Row and column pinning

Freeze rows and columns at the top and left positions in the view for better readability, similar to Excel. Horizontal and vertical scrolling can be performed except on fixed columns and rows.


Interactive features

Swiping functionalities in Xamarin Forms DataGrid

Swiping

Associate swipe buttons with custom actions. Swipe buttons are displayed by swiping from left to right or right to left over a data row. Create swipe templates and associate the views in them with custom actions.

Drag and drop functionalities in Xamarin Forms DataGrid

Drag and drop

Reorder rows and columns for additional end-user flexibility with column and row drag and drop.

Column resizing in Xamarin Forms DataGrid

Resizing

Resize a column either on the move or on touch-up to read a lot of data with flexibility. Restrict a column with a minimum width to avoid hiding the column and a maximum width to restrict resizing beyond the limit.


Appearance

Styling and Theming in Xamarin Forms DataGrid

Styles

  • Customize styles for every view in the DataGrid to display visually appealing data.
  • Apply alternate row color for better readability.
  • Customize the font, font size and font attributes for the record and header cells for an elegant look and feel.
  • Customize vertical or horizontal grid cell borders, or both. Customize the border color and border thickness, as well.

Cell style and row style based on conditions in Xamarin Forms DataGrid

Conditional styles

  • Customize cell and row appearances conditionally based on the data.
  • Apply styles and formatting to the data in the cells.
  • Style the rows and columns with customizable preferences over the selection.
  • Set any custom template to the cells or rows using template selectors. Users can customize the appearance based on the data conditionally.

Selection

  • Select a row with four built-in selection modes: single, multiple, single deselect, and none. The single deselect mode clears a selected row when it is touched again.
  • Apply animation to the selected row for the best selection experience.
  • Keep track of the last row and cell interacted with using the current cell. Use the keyboard to navigate through rows and cells for desktop platforms.
  • Customize the selection background and foreground color, as well as the border color and border width for the current cell.

Selection with built-in multiple selection mode in Xamarin Forms DataGrid


Data virtualization

Xamarin Forms DataGrid with data virtualization

Data virtualization

The Xamarin.Forms DataGrid creates records on-demand by enabling data virtualization for the efficient processing of data. Load millions of data instantly with virtualization enabled.

Xamarin Forms DataGrid with data displayed in pages

Paging

  • Manipulate the data using the DataPager control to view records in multiple pages.
  • Customize visually appealing styles based on device and application requirements.
  • Load data in the new pages on demand with options to maintain and reset the cache.

Exporting to Excel

Export data in a Xamarin.Forms DataGrid to Excel file format with a variety of appearance customization options. Exclude specific columns, exclude headers, set custom row heights, set custom column widths, and much more. You can further customize the exported Excel file using the Syncfusion Xamarin Excel library.

Excel exporting functionalities in Xamarin Forms DataGrid


Exporting to PDF

Export data in a Xamarin.Forms DataGrid to PDF file format with a variety of appearance customization options. Exclude specific columns, exclude headers, set custom row heights, set custom column widths, and much more. A grid can also be exported to a specified page or position in a PDF document. Show or hide the column headers on each page of the exported PDF. Further, DataGrid provides a way to display additional content at the top (header) or bottom (footer) of the page while exporting to PDF. The exported PDF document can be viewed using the Syncfusion Xamarin PDF Viewer.

PDF exporting functionalities in Xamarin Forms DataGrid


Scrolling customizations

Scroll the data with Xamarin.Forms DataGrid in horizontal, vertical, or both directions with various built-in scrolling modes:

  • Pixel — Scrolls the data for every pixel movement.
  • Pixel Line — Scrolls data for every pixel and maintains the first record in view fully, similar to Excel.
  • Line — Scrolls the data based on the entire line movement.

Xamarin Forms DataGrid with built-in scrolling modes


Localization

All the Xamarin.Forms DataGrid static default strings in the user interface can be localized as needed.

XamarinForms DataGrid with Localization


130+ XAMARIN UI CONTROLS

ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon