Skip to main content

renderType

Description​

Optional. Specifies the way cards are rendered.

info

This setting is useful when dealing with a large number of cards. When set to "lazy", the widget renders only the cards visible on the board, which can greatly improve performance.

Usage​

renderType?: "default" | "lazy";
important

When using renderType: "lazy" together with scrollType: "default", make sure to set a fixed height for cards using the cardHeight option. Without this, cards may not display properly.

Default config​

renderType: "default"

Example​

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

Change log: This property was introduced in v1.2

Related articles: Configuration

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