Skip to main content

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.

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