Skip to main content

rowKey

Description​

Optional. Specifies which row a card belongs to.

info

To organize cards into rows (swimlanes), you need to define a custom key in the card data object that matches the ID of the target row. Then, set the rowKey property in the widget configuration to this custom key.

Usage​

rowKey?: string;

Example​

const cards = [
    {
        label: "Backlog task",
        row_custom_key: "feature"
    },
    {
        label: "In progress task",
        row_custom_key: "done"
    }
];

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

Related sample: Kanban. Swimlanes