---
metadata:
  - name: generator
    content: Diplodoc Platform v5.55.0
alternate:
  - https://yandex.ru/support/tasks-requester/ru/template-builder/reference/layout.columns.md
  - href: ru/template-builder/reference/layout.columns.md
    type: text/markdown
    title: Markdown version
  - href: ../../llms.txt
    type: text/markdown
    title: llms.txt
---
> **Documentation Index:** Fetch the complete configuration index at https://yandex.ru/support/tasks-requester/ru/llms.txt

# layout.columns

Компонент для расстановки элементов по столбцам.

Позволяет настраивать отображение элементов: установите ширину столбцов и настройте выравнивание содержимого по вертикали.

[![Посмотреть пример](../_images/buttons/view-example.svg)](https://ya.cc/t/Gs5zs1Sl4TNmXX)

{% cut "Компоненты, которые используются в примере" %}

<!-- source: ru/template-builder/_includes/reference/not-dot/view.list.md -->
* [view.list](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/view.list.md)&nbsp;— отображает данные списком;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/view.list.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/field.date.md -->
* [field.date](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/field.date.md)&nbsp;— добавляет поле для ввода даты;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/field.date.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/data.output.md -->
* [data.output](https://yandex.ru/support/tasks-requester/ru/template-builder/operations/work-with-data.md)&nbsp;— определяет данные задания, которые вы получите после его отправки исполнителем;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/data.output.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/field.list.md -->
* [field.list](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/field.list.md)&nbsp;— добавляет поле для добавления элементов списка;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/field.list.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/view.text.md -->
* [view.text](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/view.text.md)&nbsp;— показывает текст;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/view.text.md -->

<!-- source: ru/template-builder/_includes/reference/not-dot/data.relative.md -->
* [data.relative](https://yandex.ru/support/tasks-requester/ru/template-builder/operations/work-with-data.md)&nbsp;— представляет данные в виде элементов списка;
<!-- endsource: ru/template-builder/_includes/reference/not-dot/data.relative.md -->

<!-- source: ru/template-builder/_includes/reference/dot/condition.required.dot.md -->
* [condition.required](https://yandex.ru/support/tasks-requester/ru/template-builder/reference/condition.required.md)&nbsp;— проверяет, что поле с данными заполнено.
<!-- endsource: ru/template-builder/_includes/reference/dot/condition.required.dot.md -->

{% endcut %}

## Свойства компонента {#properties}

#|
|| **Название** | **Тип** | **Описание** ||
|| `type`<span style="color: red">\*</span> | "layout.columns" | Задает тип компонента. ||
|| `fullHeight` | _boolean_ | Переводит компонент в режим колонок на 100% возможной высоты и индивидуальную прокрутку. Иначе, высота определяется высотой максимально наполненного столбца. ||
|| `items`<span style="color: red">\*</span> | _array_ | Столбцы на которые поделится интерфейс. ||
|| `items[]` | _view_ | Содержимое столбцов. ||
|| `minWidth` | _number_ | Ширина компонента, меньше которой столбцы будут выведены последовательно — один за другим. ||
|| `ratio` | _array_ | Массив значений, задающих относительную ширину столбцов. Например, если у вас 3 столбца, то значение `[1,2,1]` разделит пространство на 4 части, а столбец посередине будет в 2 раза больше остальных.

Если столбцов больше, чем количество значений в свойстве `ratio`, то значения будут повторяться. Например, если у вас 4 столбца, а в `ratio` задано значение `[1,2]`, результат будет такой же, как при значении `[1,2,1,2]`.

Если столбцов меньше, чем значений в свойстве `ratio`, то лишние значения просто не учитываются. ||
|| `ratio[]` | _number_ | Относительная ширина столбца. ||
|| `validation` | _condition_ | Валидация на основе условия _(condition)_. ||
|| `verticalAlign` | _string_ | Выравнивание содержимого столбцов по вертикали:

- `top` — по верхнему краю столбцов.
- `middle` — по середине столбца с максимальным заполнением.
- `bottom` — по нижнему краю столбцов. ||
  |#