Статьи по теме: Редактор
Эта статья также доступна на:

Добавление таблицы

Таблицы обычно используются для представления структурированных данных, собранных в строках и столбцах. Они зачастую применяются для отображения расписания или контактной информации на сайте.


Добавление таблицы


  1. Для начала откройте редактор сайта и добавьте блок wireframe-series-7-contacts или wireframe-series-1-schedule из галереи:



Добавление строк в таблицу


  1. Наведите на строку в таблице и нажмите на + Строка, чтобы добавить еще одну снизу:



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



  1. Вы также можете перемещать строку в пределах таблицы, зажав эту кнопку и перетаскивая строку в нужное положение:



Изменение вида таблицы


  1. Наведите на таблицу и нажмите на «бегунок» в правом верхнем углу, чтобы открыть Настройки таблицы:



  1. Перейдите во вкладку Вид, чтобы изменить количество столбцов в таблице:



Примечание: максимальное количество столбцов в таблице — 8.


  1. По умолчанию ширина каждого из столбцов имеет одинаковое значение. Чтобы установить конкретную ширину столбца, выключите опцию Равная ширина столбцов:



  1. Затем наведите курсор между двумя столбцами в редакторе и начните двигать его в нужную вам сторону, чтобы настроить ширину столбца:



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


  1. Во вкладке Вид вы можете настроить Цвет сетки — цвет для границ вашей таблицы:



  1. Здесь вы также можете настроить отступы и выравнивание контента, а еще выбрать Стиль в выпадающем меню — варианты отображения границ вашей таблицы:



Добавление фона к шапке


  1. Для этого перейдите во вкладку Шапка в Настройках таблицы:



  1. Выберите подходящий фоновый цвет для заголовков в вашей таблице:



Добавления фона к строкам


  1. Для этого перейдите во вкладку Строки в Настройках таблицы:



  1. Здесь вы также можете выбрать Пресеты — основные алгоритмы покраски строк таблицы, и изменить цвета, которые выбраны по умолчанию. Вот как ваша таблица может выглядеть с пресетом Color Gradation, который автоматически генерирует цвет каждого элемента:



Важно: на данный момент нет возможности выставить цвет для каждой строки индивидуально.


Как только вы закончили настраивать свою таблицу, не забудьте опубликовать сайт, чтобы изменения вступили в силу.


Подсказка: обратитесь к статье Изменение дизайна блока, если хотите добавить фон и анимацию ко всему блоку.

Последнее изменение: 07/10/2025

Была ли эта статья полезна?

Поделиться отзывом

Отменить

Спасибо!