Skip to main content

DxGrid Class

A Grid component.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.2.dll

Declaration

public class DxGrid :
    ParameterTrackerComponent,
    INestedSettingsOwner,
    IGridPagingParamsAccessor,
    IGrid,
    IAsyncDisposable

Remarks

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

Grid Overview

Run Demo: Grid - Overview

Add a Grid to a Project

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

  1. 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.
  2. Add the <DxGrid></DxGrid> markup to a Razor page.
  3. Bind the Grid to a data source.
  4. Add columns to the Grid’s markup.
  5. Specify other Grid options (see the feature list below).

Read Tutorial: Get Started with Grid Watch Video: Get Started with Grid

Features

The list below includes available Grid features.

Data Binding

Column Types

Sort Data

Group Data

Edit Data

Filter Data

Summary

Selection

Hierarchy

Column Management

Paging and Scrolling

Appearance

Troubleshooting

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

Inheritance

Object
ComponentBase
DevExpress.Blazor.Internal.ParameterTrackerComponent
DxGrid
See Also