Blazor DataGrid Example - Custom Command Buttons

DataGrid / Columns / Custom Command

This sample demonstrates the DataGrid with custom command button column.

Loading Syncfusion Blazor Server Demos…

MyGrid_header_table

Employee ID

First Name

Last Name

Hire Date

Country

View Details

Nancy

Davolio

1/5/1992

USA

Andrew

Fuller

3/8/1993

USA

Janet

Leverling

11/4/1992

Steven

Peacock

5/5/1992

USA

Margaret

Buchanan

7/5/1993

Micheal

Suyama

8/5/1993

Robert

King

9/5/1993

USA

Laura

Callahan

10/5/1993

Anne

Dodsworth

11/5/1993

USA

By setting the Type property of the GridCommandColumn component to None, the Blazor DataGrid Custom command button can be added to the column. The CommandClicked event can be used to capture end-user clicks, and CommandClickEventArgs can be used to access corresponding row details.

In this demo, the following changes had been made in the DataGrid to use a custom command button in a column.

Added a column named View Details and command button configurations given using GridCommandColumn.
CommandClicked event is used to capture user clicks.
Used the SfDialog component in viewing the user details.

Now click the view icon in the View Details column to see an additional information about the particular row.

More information about the Custom command column feature can be found in this documentation section.