Перейти к основному содержимому

rows

Описание​

Необязательно. Массив объектов, содержащих данные строк (swimlanes)

Использование​

rows?: [
    {
        id: string,
        label?: string,
        collapsed?: boolean,
        css?: string,
    }, {...} // другие данные строки
];
информация

Для создания Swimlanes необходимо указать соответствующие данные в массиве свойства rows. Вы можете сворачивать/разворачивать, переименовывать, удалять и перемещать swimlanes через UI или используя соответствующий API

Параметры​

Для каждой строки (swimlane) можно указать следующие параметры (данные):

  • id - (обязательно) ID строки (swimlane). Используется для управления строкой через соответствующие методы
  • label - (необязательно) метка строки (swimlane). Отображается в разделе строки
  • collapsed - (необязательно) текущее состояние строки (swimlane). Если true, строка изначально свернута. Значение по умолчанию — false (развернутое состояние)
  • css - (необязательно) задаёт CSS-стили для отдельной строки
информация

Если вы хотите динамически загружать новые данные для строк (swimlanes), вы можете использовать метод parse()!

Пример​

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

new kanban.Kanban("#root", {
    columns,
    cards,
    rows, // данные swimlanes
    // другие параметры
});

История изменений: Параметр css был добавлен в версии v1.4

Связанные статьи:

Связанный пример: Kanban. Swimlanes