experiment_id: web-retrieval-v1
fixture_id: /docs/features/frozen-columns
mode: provenance
representation: html
origin_response_id: a3460cff3e67fc38c6b84b591bc400c5
version: 2026-10-22
version_created_at_utc: 2026-10-22T19:49:39.616Z
version_nonce: 639a4656aa488f5af89329e2a6144d25
generated_at_utc: 2026-11-05T03:57:23.837Z
response_nonce: 070c2c3513098128efd0427b4c90ce1c
Docs Version 1

Frozen Columns

Columns can be frozen, or fixed, to either the left or right edge of your grid. This allows you to horizontally scroll the grid, excluding the frozen columns, such that the columns are always visible in the same position.

Setting Frozen Columns

Frozen columns can be set by setting a numeric value n to the <zing-grid> attributes frozen-columns-left and/or frozen-columns-right. This will automatically freeze the first n to the left of the grid, or the final n columns to the right of the grid.

Frozen columns can also be set by adding the frozen attribute to the <zg-column> The frozen attribute can be set to one of two values: left or right. It will default to left if no value is given.

Top

Dragging Frozen Columns

If draggable columns are turned on AND frozen columns already exist, you can drag columns in and out of the frozen range. Once there are no more frozen columns, you cannot drag into the frozen range.

Top

Context Menu

If context menu is turned on, you can freeze/unfreeze a column from the right click menu

Top

Related Resources

Here are some extra resources related to this feature to help with creating your grid:

[features: frozen columns]