Skip to main content

renderType

Description​

Optional. Specifies the way cards are rendered.

info

This setting is useful when handling a large number of cards. Setting it to "lazy" makes the widget render only the cards that are currently 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 property. 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