DxGrid Class

A component that displays data in a tabular format and allows users to edit, sort, group, filter, and otherwise shape data.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp

public class DxGrid :
    DxGridBase,
    INestedSettingsOwner,
    IGridDataPresentationParamsAccessor,
    IGrid,
    IGridColumnsOwner,
    IAsyncDisposable,
    IVirtualScrollProviderHost

Remarks

DevExpress Blazor Grid (DxGrid) allows you to display, manage, and shape tabular data.

Run Demo: Grid - Overview

Read Tutorial: Get Started with Grid

YouTube video

Add a Grid to a Project

Follow the steps below to add the Grid component to an application:

Create a Blazor Server or Blazor WebAssembly application.
Add the <DxGrid>…</DxGrid> markup to a .razor file.
Bind the component to data.
Configure the component: create columns, enable filtering, and so on.

API Reference

Refer to the following list for the component API reference: DxGrid Members.

Static Render Mode Specifics

Blazor Grid supports static render mode to display static data in a single page. Users cannot expand or collapse groups. To use expand/collapse and other features, enable interactivity on a Razor page, and allow the Grid component to execute scripts and display data.

Features

The list below includes features available in the Blazor Grid component:

Examples

The DevExpress Blazor Grid ships with GitHub feature-based examples, such as:

You can find more examples in the following topic: Blazor Grid - Examples.

Troubleshooting

If a Blazor application throws unexpected exceptions, refer to the following help topic: Troubleshooting.

Implements

Inheritance

Object ComponentBase DxComponentBase DevExpress.Blazor.Internal.ParameterTrackerComponent DevExpress.Blazor.Grid.Internal.DxGridBase DxGrid