Blazorise DataGrid Features
Learn to use and work with the Blazorise Blazorise DataGrid features, ranging from paginations, sorting, editing, filtering, resizing, and many more.
DataGrid Context Menu
Right-click on any row to access options such as editing, deleting, and custom actions.DataGrid Editing
The DataGrid can perform some basic CRUD operations on the supplied Data collection.DataGrid Filtering
Quickly search and filter by any column, or customize filter options to fit your needs.DataGrid Auto Generate Columns
The DataGrid can automatically generate columns based on the TItem type.DataGrid Column Chooser
Enable Column Chooser to allow users to show or hide columns in the DataGrid.DataGrid Fixed Columns
The table columns remains visible as you scroll, making it easy to identify and reference the data in your grid.DataGrid Fixed Header
The table header remains visible as you scroll, making it easy to identify and reference the data in your grid.DataGrid Grouping
Grouping feature for Blazorise DataGrid allows you to easily group and organize your data by specific columns.DataGrid Paging
Paginate your data with customizable page size options and intuitive navigation controls.DataGrid 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.DataGrid 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.DataGrid Sorting
Blazorise DataGrid offers efficient data sorting with customizable options.DataGrid 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 CaptionDataGrid State Management
You are able to manage the state of the DataGrid by using the provided GetState and LoadState methods.DataGrid Mobile Mode
The table will have a dedicated layout for mobile devices where the columns are stacked on top of each other.API
See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.