Skip to content

Frozen Columns

The split mode allows you to have DataGrid separated into two parts: the “frozen” one and the “scrollable” one.
You can freeze either columns or rows. The “frozen” part of the datagrid will be fixed, while the scrollable part will remain movable.

“Frozen” columns can be on the right/left side of the datagrid or on both sides at a time. The movable part can be scrolled horizontally.

To ‘freeze’ columns, you should use the leftSplit and rightSplit parameters correspondingly. Set the number of columns you want to freeze as their value.

Enabling the 'split' mode
webix.grid({
...
leftSplit:2, // 2 columns will be frozen on the left side
rightSplit:2 // 2 columns will be frozen on the right side
});

Related sample:  Frozen Columns. Basic Implementation

The functionality is available in Webix DataGrid Pro only.

You can also “freeze” several rows at the top part of a datagrid. All other rows that follow the fixed ones will be scrolled vertically.

Related sample:  Frozen Top Rows

You can read more about this feature in the corresponding article.