• Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Pinned Rows in ASP.NET Core Data Grid Control

This sample demonstrates that important rows can be pinned at the top and important columns frozen on the left or right, keeping them visible at all times. Scroll vertically or horizontally to see how these pinned rows and frozen columns remain fixed while the rest of the grid moves beneath or beside them.

DEMO
SOURCE

In this demo, tickets rated Dissatisfied or Very Dissatisfied are automatically pinned to the top through the isRowPinned callback function. The grid applies column freezing by locking the Ticket ID column on the left and the Rating column on the right using the column.freeze property.

The feature supports dynamic row pinning so that any row can be pinned or unpinned through the context menu, and this functionality is configured by defining the contextMenuItems property with the PinRow and UnpinRow options.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab