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

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-стили к отдельной строке
информация

Для динамической загрузки новых данных строки (swimlane) можно использовать метод parse().

Пример​

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

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

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

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

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