DxGrid Class

In This Article

Declaration

Remarks

Add a Grid to a Project

Static Render Mode Specifics

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.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

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

#Remarks

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

Grid Overview

Run Demo: Grid - Overview Read Tutorial: Get Started with Grid Watch Video: Get Started with Grid

#Add a Grid to a Project

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

Use a DevExpress Project Template to create a new Blazor Server or Blazor WebAssembly application. If you use a Microsoft project template or already have a Blazor project, configure your project to incorporate DevExpress Blazor components.
Add the <DxGrid>…</DxGrid> markup to a .razor file.
Bind the component to data.
Configure the component: create columns, enable filtering, and so on.

#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.