Документация Толоки

layout.columns

Обратите внимание

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

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

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

Свойства компонента

Название

Тип

Описание

type*

"layout.columns"

Задает тип компонента.

fullHeight

boolean

Переводит компонент в режим колонок на 100% возможной высоты и индивидуальную прокрутку. Иначе, высота определяется высотой максимально наполненного столбца.

items*

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 — по нижнему краю столбцов.