DxGrid Class

A Grid component.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v21.1.dll

NuGet Package: DevExpress.Blazor

Declaration

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

Remarks

<DxGrid> allows you to edit and shape data in a tabular format. For more information on the component’s current status and our future plans, refer to the following blog post: A New Blazor Grid Control (Preview).

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

Feature List / Online Demos

The list below includes available Data Grid features.

Data Binding

• Data Binding
• Asynchronous Data Binding
• Large Datasets
• Large Datasets from an HTTP Service
• Unbound Columns

Columns

• Data Columns
• Command Column

Sort Data

• Sort Data in UI
• Sort Data in Code
• Custom Sorting

Group Data

• Group Data in UI
• Group Data in Code
• Interval Grouping
• Custom Grouping

Filter Data

• Filter Row
• Filter in Code

Batch Modifications

• Batch Modifications

Summary

• Total Summary
• Group Summary
• Group Footer Summary
• Custom Summary

Paging

• Paging

Appearance

• Column Header Caption Template
• Column Filter Row Cell Template
• Column Cell Display Template
• Column Group Row Template
• Column Group Footer Template
• Column Footer Template
• Custom Display Text
• Themes
• CSS Classes
• Size Modes

Implements

IComponent

IHandleEvent

IHandleAfterRender

IGrid

IAsyncDisposable

Inheritance

Object

ComponentBase

DevExpress.Blazor.Internal.ParameterTrackerComponent

DxGrid