NEW Infragistics Ultimate 22.2 - Try Free for 30 Days!
Download Now
  • North American Sales: 1-800-231-8588
  • Global Contacts
  • My Account
Infragistics logo Infragistics logo
Menu
  • North American Sales: 1-800-231-8588
  • My Account
    • Sign In/Register
  • Design & DevelopmentDesign & Develop
    • Best Value Bundles
      Infragistics Ultimate $1,495 The only complete UX/UI toolkit for building high performance, modern web, mobile and desktop applications.
      Infragistics Professional $1,295 The comprehensive UI components library for web, mobile and desktop developers.
      Ignite UI $1,295 A complete library of UI components for building modern, data-rich and responsive web apps.
    • Web
      App Builder (New) Ignite UI Angular ASP.NET Core ASP.NET MVC Blazor jQuery React Web Components Ultimate UI for ASP.NET Web Forms
    • Desktop
      Ultimate UI for Windows Forms Ultimate UI for WPF
      Cross Platform
      Ultimate UI for Uno Ultimate UI for UWP Ultimate UI for WinUI Ultimate UI for Xamarin
    • Design to Code
      Indigo.Design App Builder (New) Design System & UI Kits
      Automated Testing Tools
      Test automation for Micro Focus UFT: Windows Forms Test automation for Micro Focus UFT: WPF Test automation for IBM RFT: Windows Forms
  • UX
    • Indigo.Design A Unified Platform for Visual Design, UX Prototyping, Code Generation, and App Development
    • App Builder Cloud-based WYSIWYG Drag & Drop Tool, Endless Theming options and Standards-Based Code Output
  • Business Intelligence
    • Reveal Easily embed beautiful data visualizations into your apps
    • Slingshot Empower everyone in your organization to use data to make smarter business decisions
  • Team Productivity
    • Slingshot Connect everyone you work with to data, project management, content and chats for better results.
    • SharePlus Secure, instant access to content and data on the go – with or without connectivity.
  • Learn & SupportSupport
    • Help & Support Documents
    • Blogs
    • Forums
    • Product Ideas
    • Reference Applications
    • Customer Stories
    • Webinars
    • eBook & Whitepapers
    • Events
  • Free Trials
  • Pricing
    • Product Pricing / Buy Online
    • Contact Us
Xamarin | Controls
  • Download Trial
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
  • Grids & Lists
    • Data Grid
  • Charts
    • Doughnut Chart
    • Category Chart
    • Data Chart
    • Funnel Chart
    • Pie Chart
    • Sparkline
  • Barcodes
    • QR Barcode
  • Frameworks
    • Excel Library
  • Gauges
    • Bullet Graph
    • Linear Gauge
    • Radial Gauge
  • Productivity Pack
    • App Map
    • Xamarin.Forms Toolbox
    • Configurators
  • Scheduling
    • Schedule
Xamarin Data Grid Example

Xamarin Data Grid

Use the lightweight, feature-rich Data Grid control when you need to display lots of data without sacrificing mobile device performance.

Use the new Ultimate UI for Xamarin Data Grid Configurator to quickly configure the control and bind data directly from XAML—no code required!

Check the Visual Studio Marketplace to ensure you have the latest update.


Data Source

Data can be local to the user’s device or in a remote store or web service.

Xamarin Data Grid Data Source function

Sorting and Filtering

Sort your data grid columns in ascending or descending order. Apply sorting to multiple columns for more advanced operations. Whether your data is local or remote, use powerful filtering to exercise complete control over your data, with a wide range of filters such as function expressions, literal expressions, arithmetic operands and logical operands for building advanced filtering capabilities spanning multiple columns.

Xamarin Data Grid: Sorting and Filtering

Built-in Columns

Auto-generate columns or select from built-in column types including Text, Numeric, Image, DateTime, and Template. All cells and headers can be configured by setting text properties like text color, font size, background color, formatting, and alignment.

Xamarin Data Grid: Built-in Columns

Column Grouping with Sticky Headers

Column Grouping in the Xamarin Data Grid enables you to organize data in a hierarchical structure based on matching property values. You can apply grouping to multiple columns, including invisible columns, and set the sort order for the group. Sticky headers are on by default; disable them by setting the IsGroupRowStick property to "false."

Organize data in a hierarchical structure based on matching property values with Column Grouping

Responsive Layout

You can configure the Data Grid control to change visible columns based on available width by setting break points at different widths or based on device orientation.


Xamarin Data Grid: Live Scrolling

Animation

Control Showing, Hiding, Adding, Moving, and Exchanging grid columns with a variety of animations including left, right, top, bottom, fade-in, crossfade, or slide-over.


Xamarin Data Grid: Live Scrolling

Live Scrolling

The Data Grid control features on-the-fly data retrieval as you scroll, ensuring high performance at all times by minimizing the amount of data transmitted to the device and used at any given time.


Xamarin Data Grid

Selection

Configure either cell or row selection with this grid control. Multiple rows or multiple cell selection is also supported.


Xamarin Data Grid: Column Pinning

Column Pinning

Pin your columns via left, right, or none with this grid control. This is useful for organization purposes when you have many columns and prefer to keep a column in view at all times.


Xamarin Data Grid: Column Summaries

Column Summaries

Use this grid control to add summaries within the grid. This is useful when you have aggregate financial data and expenses. Summaries can be added per column and displayed within cells, top or bottom of the grid.


Xamarin Data Grid: Split Group Headers

Split Group Headers

When grouping by multiple property-paths, you can customize the display of the row groupings. The new "Split" option will place the property-paths in separate, hierarchical headers based on the order of the groupings.


Data Grid Configurator

The control configurators shave hours off development time. No need to learn a complex API—just point and click to visually configure your entire WYSIWYG grid. Visually configure your entire grid in a WYSIWYG point-and-click experience. Allow your designers to style controls interactively and visually to get a pixel-perfect render of their design intent.

Download Trial
Watch our how-to videos to explore the full capabilities of Control Configurators.

Visually Configure Your Data Grid

Use the Ribbon and Properties editor to visually customize almost every aspect of your data grid – from the column type, sort actions, selection mode, animations, column property settings, and more. All without needing to know anything about the API of the data grid! Even better, the configurator will read any changes you make in XAML and update the properties with our full two-way XAML parser.

Visually Configure Your Data Grid

Sort and Select

Set the column sorting with single-field, multiple-field and tri-state combinations and single or multi-row selection modes quickly and visually with the Ribbon Gallery items.

Sorting and Selection

Customize Your Columns

Customize Your Columns

Use the Ribbon Gallery to quickly customize the formatting of your data grid columns, including data type, header and row alignment, and sample data values.


Bind Data Instantly

Bind Data Instantly

Use the Binding Editor to easily set a binding for a control, including binding mode, custom converter and string formatting. We’ve even provided a handy formatter so you don’t need to think about how you need to display your values.


Configure Multiple Columns at One Time

Select a single column to customize its specific properties, or select multiple columns to quickly apply Backgrounds, Colors, Font Size and Alignment as a group.

Configure Multiple Columns at One Time

Format Column Strings

Use one of our pre-set string formats or use your own to easily change the displayed formatting of your column data.

Format Column Strings

Ensure Correct Colors

Conveniently modify color properties like Header Text Color, Text Color, Background Color and more with the visual color editors.

Ensure Correct Colors
  • Products
    • Design & Development
    • UX Pros
    • Business Intelligence
    • Team Productivity
    • View All
    • Free Trials
  • Learn & Support
    • Help & API Docs
    • Blogs
    • Technical Support Chat
    • Forums
    • Product Ideas
    • Submit a Request
  • My Account
    • Manage My Subscriptions
    • Support Requests
  • Corporate
    • About Us
    • Careers
    • Legal
    • News & Events
    • Partners
The best blogs, whitepapers, and other development resources
Unfortunately, Google has considered you a bot. If you have an account, please sign in to validate your status and fill form out again. Alternatively, please feel free to contact sales@infragistics.com to obtain the asset you were looking for or choose to schedule a demo of our products.
Thank you for subscribing. Look for an email from team@Infragistics.com for the latest news for Developers, UX, and Business Teams.
  • Privacy Policy(updated)
  • Cookies
  • Terms of Use(updated)
I.S. Partners SOC2 SEAL GDPR SEAL
© Copyright 2023 INFRAGISTICS. All Rights Reserved
Back to top of page