Split Mode or "Frozen" Columns/Rows

Split mode allows you to have DataTable separated into two parts: the "frozen" one and the "scrollable" one.
You can freeze either columns or rows. The "frozen" part of the datatable will be fixed, while the scrollable part will remain movable.

Frozen Columns

In the split mode with "frozen" columns the fixed part can contain the last columns on the right/left side of the datatable 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

dtable = new webix.ui({
    view:"datatable",
    ...
    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

Frozen Rows

The functionality is a feature of Webix Pro edition.

You can also "freeze" several rows at the top part of datatable. 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.

Back to top