Chat Now
BuySupport CenterDocumentationBlogsTrainingDemosFree TrialLog In
Blazor
V 20.2
20.2
20.1
The page you are viewing does not exist in version 20.1. This link will take you to the root page.
All docs
Docs > Data Grid > Examples
All docs
V20.2

General Information

.NET Subscription

Overview

Common Tools

Project Converter
Assembly Deployment Tool
Localization Service

Quality Assurance and Productivity

CodeRush
CodeRush Classic
TestCafe Studio
Logify

Desktop

Controls

WinForms
WPF
VCL
UWP (Windows 10)

Tools

WinForms Skin Editor
WPF Theme Designer
WPF Theme Editor (Legacy)
Coded UI Test Extension

Frameworks and Libraries

eXpressApp Framework (XAF)
eXpress Persistent Objects (XPO)
XPO Profiler
Core Libraries

Web

Controls and Extensions

ASP.NET Web Forms Controls
ASP.NET MVC Extensions
ASP.NET Core Controls
ASP.NET Bootstrap Controls
DevExtreme
DevExtreme ASP.NET MVC Controls
Blazor Components

Tools

ASP.NET Theme Builder
ASP.NET Theme Deployer

Maintenance Mode

ASP.NET Core Bootstrap Controls

Mobile

UI Controls for Xamarin.Forms
Charts for iOS / Xamarin.iOS
Charts for Android / Xamarin.Android

Enterprise and Analytic Tools

Reporting
Report and Dashboard Server
Dashboard
Office File API

End-User Documentation

Interface Elements for Desktop
Interface Elements for Web
Dashboard for Desktop
Dashboard for Web
20.2
20.1
The page you are viewing does not exist in version 20.1. This link will take you to the root page.
Full-text search
Blazor Components
Get Started
Demos
Videos
Common Concepts
Data Grid
Get Started with Data Grid
Feature List / Online Demos
Examples
Pivot Grid
Charts
Reports
Scheduler
Data Editors
Buttons
Navigation and Layout
File Management
Rich Text Editor
API Reference
Download CHM

General Information

.NET Subscription

Overview

Common Tools

Project Converter
Assembly Deployment Tool
Localization Service

Quality Assurance and Productivity

CodeRush
CodeRush Classic
TestCafe Studio
Logify

Desktop

Controls

WinForms
WPF
VCL
UWP (Windows 10)

Tools

WinForms Skin Editor
WPF Theme Designer
WPF Theme Editor (Legacy)
Coded UI Test Extension

Frameworks and Libraries

eXpressApp Framework (XAF)
eXpress Persistent Objects (XPO)
XPO Profiler
Core Libraries

Web

Controls and Extensions

ASP.NET Web Forms Controls
ASP.NET MVC Extensions
ASP.NET Core Controls
ASP.NET Bootstrap Controls
DevExtreme
DevExtreme ASP.NET MVC Controls
Blazor Components

Tools

ASP.NET Theme Builder
ASP.NET Theme Deployer

Maintenance Mode

ASP.NET Core Bootstrap Controls

Mobile

UI Controls for Xamarin.Forms
Charts for iOS / Xamarin.iOS
Charts for Android / Xamarin.Android

Enterprise and Analytic Tools

Reporting
Report and Dashboard Server
Dashboard
Office File API

End-User Documentation

Interface Elements for Desktop
Interface Elements for Web
Dashboard for Desktop
Dashboard for Web

Examples

  • Dec 07, 2020
  • 2 minutes to read

The DevExpress Blazor Data Grid is shipped with GitHub feature-based examples.

Bind To Data

  • How to bind the Data Grid to a DataTable object
  • How to bind the Data Grid to data asynchronously
  • How to bind the Data Grid to the Web API Service

Columns

  • How to create the Data Grid and its columns at runtime
  • How to show/hide columns based on the value from external UI elements
  • How to use icons instead of default command buttons

Edit Data

  • How to edit/delete the selected row by clicking on external buttons
  • How to edit a row on a separate page
  • How to implement the delete confirmation feature
  • How to use the Upload inside the Data Grid's edit form to edit a field

State

  • How to save/load the Data Grid's layout information

Master-Detail

  • How to create cascading Data Grids
  • How to show the Data Grid's detail information in the Form Layout

Search

  • How to implement an external Search Panel

Export

  • How to export the Data Grid's data to DOCX, XLSX, and PDF documents in a Blazor Server application using the DevExpress Reporting tool
  • How to export the Data Grid's data to DOCX, XLSX, and PDF documents in a Blazor WASM application using the DevExpress Reporting tool

Localization

  • How to localize DevExpress Blazor components

Themes

  • How to implement a Theme Switcher in Blazor applications
Feedback
Was this page helpful?
Thanks for your feedback!
Any other suggestions? Tell us here.
Use of this site constitutes acceptance of our Website Terms of Use and Privacy PolicyDo Not Sell My Personal Information
Copyright © 1998-2021 Developer Express Inc. All trademarks or registered trademarks are property of their respective owners