Как структурировать информацию на сайте 

с помощью таблиц

В этой статье расскажем, как можно оформлять информацию на сайте с помощью нового элемента Таблицы.

Допустим, вам нужно оформить контакты, расписание, рассказать про экскурсии, расписать варианты оплаты — Таблицы помогут подать информацию структурировано. А гибкие настройки Таблиц позволят сделать стильно и не выйти за рамки дизайна вашего сайта.

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

Или добавить изображение на фон и выбрать элемент Таблицы.

Или сделать стандартную таблицу с расписанием.


Как добавить «Таблицы» на Flexbe

Вы можете добавить таблицу двумя способами:

1. Добавить элемент «Таблица». Для этого наведите курсор на верхнюю или нижнюю границу текущего элемента и кликните по иконке +.

Выберите из списка Таблицы.

2. Добавить секцию. Чтобы добавить новую секцию — нажмите «+» под любой секцией. Если страница пустая — «+» будет в центре экрана.

Выберите одну из готовых секций с таблицами.

Чтобы добавить строку или столбец, нажмите на «+ Добавить столбец» сверху справа или «+ Добавить строку» снизу. Когда добавляешь строку или столбец, то копируется предыдущий.

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

Стили таблиц

Чтобы настроить внешний вид таблицы, зайдите в настройки — нажмите на шестеренку и затем кликните Стиль таблицы.

Здесь вы можете выбрать Стиль шапки — настроить фон столбцов, цвет столбцов и текста, размер шрифта и межстрочный интервал. 


Есть опция чередовать цвет строк — выбрать разные цвета для четных и нечетных строк. Это нужно для более легкого восприятия информации, а еще вы можете сделать таблицу в корпоративных цветах.

Для настройки разделителей, выберите тип рамки, цвет и толщину разделителей.

Настройте отступы внутри ячеек, межстрочный интервал, размер и вес шрифта.

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