Как структурировать информацию на сайте с помощью таблиц
В этой статье расскажем, как можно оформлять информацию на сайте с помощью нового элемента Таблицы.
Допустим, вам нужно оформить контакты, расписание, рассказать про экскурсии, расписать варианты оплаты — Таблицы помогут подать информацию структурировано. А гибкие настройки Таблиц позволят сделать стильно и не выйти за рамки дизайна вашего сайта.
Вы можете выбрать фон секции и убрать все разделители.
Или добавить изображение на фон и выбрать элемент Таблицы.
Или сделать стандартную таблицу с расписанием.
Как добавить «Таблицы» на Flexbe
Вы можете добавить таблицу двумя способами:
1. Добавить элемент «Таблица». Для этого наведите курсор на верхнюю или нижнюю границу текущего элемента и кликните по иконке +.
Выберите из списка Таблицы.
2. Добавить секцию. Чтобы добавить новую секцию — нажмите «+» под любой секцией. Если страница пустая — «+» будет в центре экрана.
Выберите одну из готовых секций с таблицами.
Чтобы добавить строку или столбец, нажмите на «+ Добавить столбец» сверху справа или «+ Добавить строку» снизу. Когда добавляешь строку или столбец, то копируется предыдущий.
Вы можете добавлять в ячейку таблицы не только текст, то и другие элементы — картинки, кнопки, иконки и другие.
Стили таблиц
Чтобы настроить внешний вид таблицы, зайдите в настройки — нажмите на шестеренку и затем кликните Стиль таблицы.
Здесь вы можете выбрать Стиль шапки — настроить фон столбцов, цвет столбцов и текста, размер шрифта и межстрочный интервал.
Есть опция чередовать цвет строк — выбрать разные цвета для четных и нечетных строк. Это нужно для более легкого восприятия информации, а еще вы можете сделать таблицу в корпоративных цветах.
Для настройки разделителей, выберите тип рамки, цвет и толщину разделителей.
Настройте отступы внутри ячеек, межстрочный интервал, размер и вес шрифта.
Настройте, как будет выглядеть таблица на мобильных устройствах.