跳至主要内容

自定义

除了配置 Kanban 以外,您还可以自定义其外观和行为。该组件允许您为卡片指定自定义模板、修改卡片、列和行的右键菜单、调整工具栏结构及功能,并为 Kanban 应用自定义 CSS 样式。

自定义卡片

要通过自定义模板展示卡片,您可以使用 cardTemplate 属性。它是一个回调函数,允许您定义所需的样式和逻辑,并应用到 Kanban 上。请参见以下示例代码:

自定义右键菜单

要自定义卡片、列和行的右键菜单,您可以分别使用 cardShapecolumnShaperowShape 属性。请参见以下示例代码:

自定义工具栏

要自定义工具栏的结构及其功能,您可以使用 items 属性。在该配置的数组中,您可以定义所需的控件、按期望顺序排列它们,并修改它们的行为。

在下面的示例中,您可以看到如何自定义以下内容:

  • 控件排列顺序
  • 搜索栏及其行为
  • 排序控件及其行为
  • 自定义控件及其行为

自定义样式

您可以通过更改相应 CSS 变量 的值来自定义 Kanban 的外观。详细内容请参考 样式化 部分。

以下示例展示了如何为 Kanban 应用自定义样式: