Default Light
MgLibrary
Overview
Installation
Buttons
Cards
Charts
Codes
Data Grids
Dropdowns
Editors
Headers & Animations
Icons
Indicators
Inputs
Lists
Modals
Menus
Panels
Pills & Chips
Scheduling
Tabs
Time Line
Trees
Customization

Enhanced Data Grid

Advanced data grid features including grouping, multi-column sorting, and complex filtering for high-density data applications.

Use this example to explore default behavior, customization points, and accessibility-friendly patterns in a real Blazor page.

Advanced Features

Grouping & Filtering

The enhanced grid supports advanced interactive features like grouping by multiple columns, frozen columns, and complex data type formatting.

API Reference: Advanced Options

These properties are particularly relevant for the Enhanced Data Grid.

MgDataGrid Additional Properties

Property Type Default Description
IsGroupable bool false Enables the grouping panel and row grouping logic.
IsResizable bool false Enables interactive column resizing.

MgGridColumn Additional Properties

Property Type Default Description
Frozen bool false Pins the column to the side of the grid. Defaults to left.
FrozenPosition MgFrozenPosition Left Specifies whether the column is frozen to the Left or Right.
Groupable bool true Allows the column to be used for grouping.
DataType MgDataType String Specifies the data type (Currency, Date, Integer, etc.).
Format string null Standard .NET format string for the cell value.
An unhandled error has occurred. Reload 🗙