Split Mode or "Frozen" Columns/Rows

The 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

"Frozen" columns can be 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

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 available in Webix Pro only.

You can also "freeze" several rows at the top part of a 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
If you have not checked yet, be sure to visit site of our main product Webix web control library and page of datatable html product.