Add Data Grid to Xamarin.Forms Solution

• Apr 15, 2019
• 2 minutes to read

This topic explains how to integrate the DevExpress Data Grid component into a Xamarin.Forms cross-platform solution.

Important

The DevExpress Data Grid for Xamarin.Forms component is available for iOS and Android platforms, and can be used in Xamarin.Forms solutions that use the .NET Standard code sharing strategy.

1. Add the following assembly references to your Xamarin.Forms solution’s projects:

   Project	Assembly
   <YourAppName> (A .NET Standard project that contains the shared code)	DevExpress.XamarinForms.Core.dll DevExpress.XamarinForms.Grid.dll
   <YourAppName>.Android (A project that contains Android-specific code)	DevExpress.XamarinForms.Grid.Android.dll DevExpress.Xamarin.Android.Grid.dll
   <YourAppName>.iOS (A project that contains iOS-specific code)	DevExpress.XamarinForms.Grid.iOS.dll DevExpress.Xamarin.iOS.Grid.dll

   Note

   These files are in the <DevExpress.Xamarin bundle>/Binaries directory by default. Ensure the downloaded <DevExpress.Xamarin> bundle was unzipped.

2. Add the following initialization code before the LoadApplication method call in your iOS project’s AppDelegate.cs file:

   C#

   DevExpress.XamarinForms.DataGrid.DataGrid.Init();
   

3. Add the following namespace to an XAML markup or C# file in which you create a grid:

   XAML

   xmlns:dxg="clr-namespace:DevExpress.XamarinForms.DataGrid;assembly=DevExpress.XamarinForms.Grid"
   

   C#

   using DevExpress.XamarinForms.DataGrid;
   

4. Create a DataGridView instance in XAML markup or C# code:

   XAML

   <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
               xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
               xmlns:local="clr-namespace:DataGridExample"
               x:Class="DataGridExample.MainPage"
               xmlns:dxg="clr-namespace:DevExpress.XamarinForms.DataGrid;assembly=DevExpress.XamarinForms.Grid">
       <dxg:DataGridView x:Name="grid">
       </dxg:DataGridView>
   </ContentPage>
   

   C#

   using System;
   using Xamarin.Forms;
   using DevExpress.XamarinForms.DataGrid;
   
   namespace DataGridExample {
       public class App : Application {
           public App () {
               DataGridView grid = new DataGridView();
               MainPage = new ContentPage {
                   Content = grid,
               };
           }
       }
   }
   

The Getting Started section provides examples with instructions on how to bind a grid to a data source, specify grid columns, and manage data.