Performance

Create blazing fast Blazor apps.

Big datasets are never a concern. The DevExpress Blazor Data Grid component ships with a high performance data loading architecture. Whether its a 1000 or 1,000,000 rows, our Blazor Data Grid can handle large datasets with ease.

  • Bind to Remote Data
  • Async Data Processing

Demo: See how fast you can load and shape data with our data grid.

Blazor Data Grid Component - DevExpress

Master-Detail and Data Shaping

Intuitively present data to your end-users.

Master-Detail Data Presentation
You can create Master-Detail layouts of any complexity - with any number of nesting levels and any number of details at each level. You are never limited to how information is displayed for detail records - Detail Rows can display any type of information.

Intuitive Column Based Text Search
By enabling the Auto-Filter Row (displayed at the top of the grid container), users can filter the contents of the grid by individual column values using the LIKE search operator.

Multi-Column Sorting
Sort data against an unlimited number of columns. Sort order is automatically indicated within the appropriate column using a glyph.

Multi-Column Grouping
End-users can group data against an unlimited number of columns by dragging column headers into the group panel. Data Grouping can also be managed entirely in code.

Blazor Data Grid Component - Master-Detail, Data Grouping, Sorting and Filtering | DevExpress

Data Editing

Build intuitive data-driven Blazor solutions.

CRUD operations have never been easier. Use the Grid's built-in data editors, edit form and data validation API to create intuitive user experiences for your next web project.

End-users can view and manipulate data on-screen while you maintain total control over data validation and cell value formatting. With DevExpress Blazor components, your data will always be clear, concise and accurate.

The DevExpress Blazor Data Grid ships with the following data editors:

  • Check Box
  • Combobox
  • Date Edit
  • Spin / Numeric Edit
  • Text Edit

Demos: Data Editing  Edit Form Validation

Blazor Data Grid Component - Data Editing, DevExpress

Data Visualization

Deliver stunning Blazor user experiences.

Focused Row and Multiple Row Selection
As you would expect, users can focus a row by selecting it within the grid. The focused row's appearance can be modified via integrated style settings.

Multiple options give you total control over the manner in which records are selected within the data grid. You can enable Record Selection via checkboxes displayed in the Grid's command column or via individual row clicks.

Column Customization
Put control in the hands of users with runtime column customization support. The Column Chooser allows a user to show/hide and reorder grid columns.

Virtual Scrolling
Our Blazor Data Grid includes Virtual Scrolling support. As end-users scroll grid contents, the data grid loads data-on-demand automatically.

HTML Decoration
Handle the HtmlRowDecoration and HtmlDataCellDecoration events to higlight rows and cell values for maximum data clarity.

Blazor Data Grid Component - Data Visualization, DevExpress

Best in Class Tools

DevExpress is honored to have been voted best in class 18 times in this year's Visual Studio Magazine Reader's Choice Awards.

Experience the DevExpress difference and see why your peers consistently vote our products #1. With our Universal Subscription, you will build your best, see complex software with greater clarity, increase your productivity and create stunning applications for Windows, Web and your Mobile world.

x18
x19
x19
x18

Frequently Asked Questions

Why should I choose the DevExpress Blazor Data Grid?
  • Performance at its Best

    Our Blazor Data Grid ships with a high performance data loading architecture. Whether its a 1000 or 1,000,000 rows, our Blazor Data Grid can handle large datasets with ease.

    See our Performance Demo
  • Bind to Remote Data / Async Data Processing
  • Master-Detail Data Presentation
  • Intuitive Column Based Text Search
  • Data Editing and Input Validation
  • Data Sorting, Grouping and Filtering
  • Virtual Scrolling
  • End-User Column Customization
  • Multiple Row Selection
  • Responsive / Mobile-Touch Friendly
  • Support for Multiple Visual Themes
  • Localization
Can I download and use the DevExpress Blazor Data Grid for free?

Yes. For a limited time, you can register and download DevExpress Blazor Suite free of charge.

Are online demos available so I can try the DevExpress Blazor Data Grid in action?

Yes, you can find live demos on our Blazor Data Grid Demos page.

What types of Blazor Applications can I build with the DevExpress Blazor Data Grid?

You can build both Blazor Server-Side and Client-Side (WebAssembly) applications.

How do I get started with the DevExpress Blazor Data Grid?

Watch our Introduction to Blazor training videos or read our online documentation.