Blazorise DataGrid Features

Learn to use and work with the Blazorise Blazorise DataGrid features, ranging from paginations, sorting, editing, filtering, resizing, and many more.

Data Grid Context Menu

Right-click on any row to access options such as editing, deleting, and custom actions.

Data Grid Editing

The DataGrid can perform some basic CRUD operations on the supplied Data collection.

Data Grid Filtering

Quickly search and filter by any column, or customize filter options to fit your needs.

Data Grid Auto Generate Columns

The DataGrid can automatically generate columns based on the TItem type.

Data Grid Column Chooser

Enable Column Chooser to allow users to show or hide columns in the DataGrid.

Data Grid Fixed Columns

The table columns remains visible as you scroll, making it easy to identify and reference the data in your grid.

Data Grid Fixed Header

The table header remains visible as you scroll, making it easy to identify and reference the data in your grid.

Data Grid Grouping

Grouping feature for Blazorise DataGrid allows you to easily group and organize your data by specific columns.

Data Grid Paging

Paginate your data with customizable page size options and intuitive navigation controls.

Data Grid Reordering

Easily adjust the order of your columns with the Blazorise DataGrid's reordering feature. Drag and drop column by moving them with the mouse.

Data Grid Resizing

Easily adjust the size of your columns with the Blazorise DataGrid's resizing feature. Drag and drop column edges to resize, or use customized options to fit your needs.

Data Grid Sorting

Blazorise DataGrid offers efficient data sorting with customizable options.

Data Grid Header Group

Header Group feature for Blazorise DataGrid allows you to easily group a set of defined columns by rendering a top row header which groups the columns by the defined Caption

Data Grid State Management

You are able to manage the state of the DataGrid by using the provided GetState and LoadState methods.

Data Grid Mobile Mode

The table will have a dedicated layout for mobile devices where the columns are stacked on top of each other.

Data Grid Templates : Detail Row

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

Data Grid Self Reference

Render hierarchical rows and load child data on demand with expand/collapse triggers and programmatic row control.

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