跳至主要内容

rows

描述​

可选。包含行（泳道）数据的对象数组

用法​

rows?: [
    {
        id: string,
        label?: string,
        collapsed?: boolean,
        css?: string,
    }, {...} // 其他行数据
];
信息

要创建泳道，您需要在 rows 属性的数组中指定相应的数据。您可以通过 UI 或使用相关 API来折叠/展开、重命名、删除和移动泳道。

参数​

对于每个行（泳道），您可以指定以下参数（数据）：

  • id - （必需）行（泳道）的 ID。用于通过相应方法管理该行
  • label - （可选）行（泳道）标签。显示在行区域
  • collapsed - （可选）行（泳道）的当前状态。如果为 true，则该行初始为折叠状态。默认值为 false（展开状态）
  • css - （可选）为单独的行定义 CSS 样式
信息

如果您想动态加载新的行（泳道）数据，可以使用 parse() 方法！

示例​

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

new kanban.Kanban("#root", {
    columns,
    cards,
    rows, // 泳道数据
    // 其他参数
});

更新日志： css 参数在 v1.4 中添加

相关文档：

相关示例： Kanban. Swimlanes