---
pkg: "@nocobase/plugin-kanban"
title: "Блок канбан"
description: "Блок канбан: отображает записи данных в виде колонок-групп, поддерживает переключение стиля, быстрое добавление, настройку всплывающих окон, drag-and-drop сортировку и открытие карточки по клику."
keywords: "блок канбан,Kanban,группировка данных,drag-and-drop сортировка,быстрое добавление,настройка всплывающих окон,макет карточки,конструктор интерфейса,NocoBase"
---

# Канбан

## Введение

Блок канбан отображает записи данных в виде колонок-групп. Подходит для сценариев, в которых нужно просматривать и продвигать данные по этапам: переходы статусов задач, ведение этапов продаж, обработка заявок и т. п.

![](https://static-docs.nocobase.com/Kanban-04-17-2026_01_51_PM.png)

## Параметры блока

![](https://static-docs.nocobase.com/Kanban-04-22-2026_09_53_PM.png)

### Настройка группировки

Для блока канбан необходимо сначала выбрать поле группировки — система распределит записи по колонкам в соответствии со значениями этого поля.

- В качестве поля группировки можно использовать поле с одиночным выбором или поле «многие-к-одному».
- Заголовок и цвет колонки для поля одиночного выбора берутся напрямую из меток и цветов, заданных в опциях поля.
- Опции группировки для поля «многие-к-одному» загружаются из связанных записей.
- Когда поле группировки имеет тип «многие-к-одному», дополнительно можно настроить:
	- Поле заголовка — определяет, какое связанное поле отображается в заголовке колонки.
	- Поле цвета — определяет цвет фона заголовка и контейнера колонки.
- Через «Выбор значений группировки» можно управлять тем, какие колонки отображаются и в каком порядке.
- Записи, у которых значение поля группировки пустое, попадают в колонку «Неизвестно».

![](https://static-docs.nocobase.com/Kanban-04-22-2026_09_53_PM%20(1).png)
![](https://static-docs.nocobase.com/Kanban-04-22-2026_09_54_PM.png)

### Стиль

Канбан поддерживает два стиля колонок:

- `Classic` — сохраняет более лёгкий фон колонок по умолчанию.
- `Filled` — использует цвет колонки для отрисовки фона заголовка и контейнера колонки. Подходит, когда статусные цвета должны быть выраженными.

![](https://static-docs.nocobase.com/Kanban-04-22-2026_09_54_PM%20(1).png)

### Настройка drag-and-drop

После включения перетаскивания карточки можно непосредственно перемещать, изменяя их порядок.

- После включения опции «Включить drag-and-drop сортировку» можно дополнительно выбрать «Поле сортировки drag-and-drop».
- Drag-and-drop сортировка зависит от поля сортировки; поле сортировки должно соответствовать текущему полю группировки.
- При перемещении карточки в другую колонку одновременно обновляются значение поля группировки и позиция в порядке сортировки.

Подробнее см. [Поле сортировки](/data-sources/field-sort).

![](https://static-docs.nocobase.com/Kanban-04-22-2026_09_55_PM.png)

### Быстрое добавление

После включения «Быстрого добавления» справа от заголовка каждой колонки появляется кнопка с плюсом.

- При нажатии на плюс в заголовке колонки открывается окно создания, в котором текущая колонка используется как контекст.
- В форме создания значение поля группировки автоматически подставляется на основе текущей колонки.
- Если текущая колонка — «Неизвестно», поле группировки в форме предзаполняется пустым значением.

![](https://static-docs.nocobase.com/Kanban-04-22-2026_09_57_PM.png)

### Настройка всплывающих окон

«Настройка всплывающих окон» уровня блока управляет поведением окна, открываемого кнопкой быстрого добавления в заголовке колонки.

- Можно выбрать способ открытия — drawer, dialog или страница.
- Можно задать размер окна.
- Можно привязать шаблон окна или продолжить наполнять окно блоками контента.

### Записей на колонку

Управляет количеством записей, загружаемых в колонке при первом отображении. Если записей в колонке много, остальные подгружаются по мере прокрутки.

### Ширина колонки

Задаёт ширину каждой колонки, что позволяет регулировать отображение в зависимости от плотности содержимого карточек.

### Настройка области данных

Используется для ограничения данных, отображаемых в блоке канбан.

Например: показывать только задачи, созданные текущим ответственным, или только записи определённого проекта.

Подробнее см. [Настройка области данных](/interface-builder/blocks/block-settings/data-scope).


## Настройка полей

Внутри карточки канбана для отображения сводной информации о записи используется компоновка полей в стиле подробностей.

### Добавление полей

![](https://static-docs.nocobase.com/Kanban-04-17-2026_01_55_PM.png)

Параметры настройки полей описаны в [Поля подробностей](/interface-builder/fields/generic/detail-form-item).

### Настройки карточки

Сама карточка поддерживает следующие настройки:

- Включить открытие по клику — после включения нажатие по карточке открывает текущую запись.
- Настройка всплывающего окна — позволяет отдельно настроить способ открытия, размер и шаблон окна, открываемого по клику на карточку.
- Компоновка — позволяет менять расположение полей внутри карточки.

![](https://static-docs.nocobase.com/Kanban-04-22-2026_09_56_PM.png)

![](https://static-docs.nocobase.com/Kanban-04-17-2026_01_55_PM%20(2).png)

## Настройка действий

Блок канбан поддерживает настройку глобальных действий в верхней части блока. Конкретный набор доступных действий зависит от того, какие действия включены в текущей среде.

![](https://static-docs.nocobase.com/Kanban-04-22-2026_10_02_PM.png)

### Глобальные действия

- [Добавить](/interface-builder/actions/types/add-new)
- [Всплывающее окно](/interface-builder/actions/types/pop-up)
- [Ссылка](/interface-builder/actions/types/link)
- [Обновить](/interface-builder/actions/types/refresh)
- [Кастомный запрос](/interface-builder/actions/types/custom-request)
- [JS Action](/interface-builder/actions/types/js-action)
- [AI-сотрудник](/interface-builder/actions/types/ai-employee)
