Skip to main content

rows

Description

Optional. An array of objects containing the rows (swimlanes) data

Usage

rows?: [
{
id: string,
label?: string,
collapsed?: boolean
},
{...} // other rows data
];
info

To create Swimlanes you need to specify the corresponding data in the array of the rows property. You can collapse/expand, rename, delete and move swimlanes via UI or using related API

Parameters

For each row (swimlane) you can specify the following parameters (data):

  • id - (required) a row (swimlane) ID. It is used for managing the row via the corresponding methods
  • label - (optional) a row (swimlane) label. It is displayed in the row section
  • collapsed - (optional) a current state of the row (swimlane). If true, the row is collapsed initially. Default value is false (expanded state)
info

If you want to load new data for rows (swimlanes) dynamically, you can use the parse() method!

Example

const rows = [
{ label: "Feature", id: "feature", collapsed: false },
{ label: "Task", id: "task", collapsed: true }
];

new kanban.Kanban("#root", {
columns,
cards,
rows, // swimlanes data
// other parameters
});

Related sample: Kanban. Swimlanes