New to Telerik UI for ASP.NET Core? Start a free 30-day trial

Sticky Columns

Updated on Oct 27, 2026

Sticky columns keep specific columns visible while users scroll the Grid horizontally. The sticky columns still scroll until they reach the left or right Grid border, where they stay fixed.

For a runnable example, review the Grid sticky columns demo.

To enable sticky columns, configure the Grid as follows:

Enable scrolling.
Stick columns initially or enable the stickable property so users can stick columns on the fly.
Set a Grid height.
Set explicit pixel widths on all columns so the Grid can calculate sticky and non-sticky column layout.
Make sure the Grid is not initialized inside a hidden container.

The Grid JavaScript API methods allow users to stick and unstick columns on the fly only when Stickable(true) is enabled during initialization.

Razor
    .ColumnMenu()
    .Columns(columns =>
    {
        columns.Bound(o => o.ContactName).Sticky(true).Stickable(true).Width(150);
        columns.Bound(o => o.ContactTitle).Stickable(true).Width(250);
        columns.Bound(o => o.CompanyName).Stickable(true).Width(350);
        columns.Bound(o => o.Country).Stickable(true).Width(300);

    })
Razor
    <column-menu enabled="true"/>
    <columns>
        <column field="ContactName" sticky="true" stickable="true" title="Contact Name" width="240" />
        <column field="ContactTitle" stickable="true" title="Contact Title" />
        <column field="CompanyName" stickable="true" title="Company Name" />
        <column field="Country" stickable="true" title="Country" width="150" />
    </columns>

Known Limitations

The sticky columns are not supported in Microsoft Internet Explorer. It is a browser limitation due to unsupported gutters.
Sticky columns cannot work together with column virtualization.
A column cannot be both sticky and locked. If it is defined like this, it will be locked and the sticky property will be ignored.
Grid scrolling must be enabled.
The header of the first column in a grouped Grid cannot be sticky.
The autogenerated expand/collapse columns used by hierarchy and grouping cannot be sticky.
The row template and detail template are not supported together with sticky columns.
If multi-column headers are used, only a column at the topmost level can be sticky. When the Grid uses Multi-column headers - the "Set Column Position" menu will not be visible.
If the width of the Grid changes through JavaScript or resizing the page after the Grid is created, you have to call the resize method to recalculate the sticky styles.

Sticky Columns

Known Limitations

See Also