Skip to main content

rowKey

Description​

Optional. Specifies how a card is assigned to a row.

info

To organize cards into rows (swimlanes), you'll need to define a custom key that matches the ID of the row in each card's data. Then, set the rowKey property in the widget's 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