scrollType

Description

Optional. Defines a type of scrolling

Usage

scrollType?: "default" | "column";

note

If you use the scrollType: "column" setting, you will be able to scroll each column separately.

Default config

scrollType: "default"

important

If you combine the renderType: "lazy" and scrollType: "default" settings, don't forget to specify a static height for cards via the cardHeight property. Unless you specify it, the cards will not be displayed. When you use renderType: "lazy" with scrollType: "column", you should also fix the height of cards via the cardHeight property. Although a variable height of cards is supported for this type of layout, it may not work in a stable manner with custom card content.

Example

new kanban.Kanban("#root", {
    columns,
    cards,
    rows,
    scrollType: "column",
    // other parameters
});

Change log: The property was added in v1.2

Related articles: Configuration

Related sample: Kanban. Fixed headers, lazy rendering and column scroll