renderType

Description

Optional. Defines a type of cards rendering

info

This property is used when working with a big number of cards. If set it to "lazy", the widget will render only the visual part of cards you can view on the board. It can significantly enhance the widget performance.

Usage

renderType?: "default" | "lazy";

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 correctly. 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.

Default config

renderType: "default"

Example

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

Change log: The property was added in v1.2

Related articles: Configuration

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