This sample demonstrates how important rows are pinned at the top and columns can be frozen on the left or right, keeping them always visible. Scroll the movable content vertically or horizontally to see how these pinned rows and frozen columns remain fixed in place while the rest of the grid scrolls beneath or beside them.
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.
Injecting Module:
Grid component features are segregated into individual feature-wise modules. To use context menu feature, we need to inject ContextMenu module into the services
More information on pinned rows and frozen columns can be found in this documentation section.