DataGrid / Columns / Custom Command

Blazor DataGrid Example - Custom Command Buttons

Loading Syncfusion Blazor Server Demos…

This sample demonstrates the DataGrid custom command button column feature.

Create custom command buttons by setting the Type property of the GridCommandColumn component to None. Use the CommandClicked event to capture user interactions with the custom buttons. The CommandClickEventArgs provides access to the corresponding row details.

In this demo, the following implementation is demonstrated:

  • A custom View Details column with command button configuration using GridCommandColumn.
  • The CommandClicked event captures user button clicks.
  • The SfDialog component displays detailed information about the selected row.

Click the view icon in the View Details column to see additional information about that row.

For more detailed information about custom command columns, refer to the custom command column documentation.

Transform your Blazor web apps today with Syncfusion® Blazor components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE