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

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

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



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

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



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



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



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

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



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



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

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



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



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

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



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



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

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



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



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

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



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



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

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

Подсказка: обратитесь к статье Изменение дизайна блока, если хотите установить фон и анимацию ко всему блоку.
Была ли эта статья полезна?
отменить
Спасибо!