Кастомизация

Помимо опций конфигурации, Kanban предоставляет множество способов изменить внешний вид и поведение компонента. Вы можете задать собственный шаблон карточек, настроить контекстное меню для карточек, колонок и строк, изменить расположение и содержимое Toolbar, а также применить собственные CSS-стили для придания Kanban уникального вида.

Кастомные карточки

Для отображения карточек с уникальным внешним видом удобно использовать свойство cardTemplate. Это свойство позволяет применять callback-функцию для добавления собственных стилей и логики в Kanban. Посмотрите пример ниже, чтобы увидеть, как это работает:

Кастомное контекстное меню

Если вы хотите изменить контекстное меню для карточек, колонок или строк, используйте свойства cardShape, columnShape и rowShape. Пример ниже показывает, как это настраивается:

Кастомный Toolbar

Toolbar можно настраивать по вашему желанию с помощью свойства items. В массиве этого свойства добавляйте нужные элементы управления, меняйте их порядок и логику работы под ваши задачи.

Посмотрите пример ниже, чтобы узнать, как настраивать такие элементы как:

• порядок элементов управления
• строка поиска и её поведение
• сортировка и её работа
• кастомный элемент управления и его действия

Кастомные стили

Чтобы изменить внешний вид Kanban, попробуйте настроить соответствующие CSS-переменные. Подробнее смотрите в разделе Стилизация.

В приведённом ниже примере показано, как можно применить кастомные стили к Kanban: