Blazorise DataGrid Templates

Learn to use and work with the Blazorise DataGrid templates to customize the appearance and behavior of the DataGrid fully.

Blazor includes templated components that can accept one or more UI segments as input and render them as part of the component during component rendering. DataGrid is a templated Blazor component that lets you customize various parts of the user interface with template parameters. It enables you to generate custom components or content using your own logic.

DataGrid Templates : Button Row

Easily customize the action buttons shown with the Blazorise DataGrid's button row template feature.

DataGrid Templates : Commands

Customize your action commands with the Blazorise DataGrid's commands template feature. Assign custom templates to the command column, such as editing and deleting, or add your own custom actions.

DataGrid Templates : Detail Row

Easily expand and display additional information for each row using the Blazorise DataGrid's detail row template feature.

DataGrid Templates : Display

Customize how your data is displayed in each cell using the Blazorise DataGrid's display template feature. Assign custom templates to individual columns, allowing for more control over how your data is displayed.

DataGrid Templates : Edit

Assign custom edit templates to individual columns, allowing for more control over how data is edited.

DataGrid Templates : Loading

Customize the loading look of the Blazorise DataGrid with the loading template feature.

DataGrid Templates : Row Overlay

When enabled, the Row Overlay feature allows you to display supplementary data or contextual information directly on top of specific rows within the DataGrid.

API

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.

On this page