Example of Frozen Rows and Columns in Blazor DataGrid Component

DataGrid / Scrolling / Frozen Rows and Columns

This sample demonstrates the frozen rows and columns feature of the DataGrid. Scroll horizontally to experience the persistent left, right, and fixed columns that stay in view as you scroll through your data. Scroll vertically to effortlessly discover frozen rows.

This feature enables users to freeze certain columns at specific positions. This can be achieved by setting the Freeze property of column settings. The various modes are:

  • Left : Freezes the column at the left.
  • Right : Freezes the column at the right.
  • Fixed : Freezes the column at a fixed position. This will ensure its visibility while scrolling horizontally.

In this demo sample, the Task ID column is frozen at the left, Status column is frozen at the right and the Assigned To column at a fixed position using Freeze property.

More information about the Frozen rows and columns feature can be found in this documentation section.

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