Есть вопросы? Задавайте, отвечу!
Ваше имя
Ваш e-mail
Ваш телефон
Ваш вопрос/сообщение
Если есть вопрос, это место для него.
Тильда Бесплатный Конструктор для Создания Сайтов

Как сделать таблицу в Tilda? Настройка строк, столбцов, ширина и высота

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


Нет желания читать длинный текст?
Тогда смотрите обучающий видеоролик! В этом видео подробно описывается, как создать и настроить таблицу в конструкторе Tilda
Как сделать таблицу, работать с таблицами? Создание строк, столбцов; ширина и высота
Обучающее видео на YouTube канале «Маркетинг в огне» с Алексеем Чесноковым.

Как добавить таблицу на страницу сайта?

Чтобы добавить таблицу на страницу сайта в конструкторе Тильда:
  1. Нажмите «Добавить блок»
  2. В вертикальном меню Библиотека блоков выберите «Колонки»
  3. Выберите «Блок CL46 Таблица» -- Отобразится предустановленная таблица
Как сделать таблицу в Тильде

Редактирование таблицы

Для добавления данных в таблицу:
  1. Перейдите по кнопке «Контент» блока
  2. Добавьте названия столбцов в поле ШАПКА ТАБЛИЦЫ.
  3. В поле СОДЕРЖИМОЕ ТАБЛИЦЫ разместите нужный контент
  • Столбцы разделяются символом «;» (точка с запятой)
  • Строки разделяются переносом строки
  • Количество столбцов в таблице всегда будет по максимальному значению записей в строке
Настройка таблицы

Изменение ширины таблицы и колонок

Чтобы изменить ширину всей таблицы:
  1. Перейдите по кнопке «Настройки» блока
  2. В разделе ШИРИНА БЛОКА установите нужное количество колонок
  3. Выберите ОТСТУП СЛЕВА
Максимально возможное кол-во колонок в редакторе Tilda = 12
Чтобы таблица занимала максимальное пространство по ширине настройте:
  • ШИРИНА БЛОКА = 12
  • ОТСТУП СЛЕВА = Без отступа
    Настройка ширины таблицы
    Изменение ширины колонок настраивается в Контенте блока - поле ШИРИНА КОЛОНОК. Ширина каждого столбца указывается в %. Суммарная ширина должна быть равна 100 %. Если значения в поле отсутствуют, то все колонки будут иметь одинаковую ширину.
    Желательно ширину указывать!
    Настройка ширины колонок

    Как добавить ссылку или кнопку?

    Чтобы добавить ссылку или кнопку в ячейки таблицы:
    Перейдите по кнопке «Контент» блока.
    В поле СОДЕРЖИМОЕ ТАБЛИЦЫ после текста добавьте:
    • для кнопки button=адрес ссылки
    • для ссылки link=адрес ссылки
    Добавление ссылки или кнопки
    Для изменения цвета кнопки перейдите в «Настройки» блока - раздел КНОПКИ.
    Изменение цвета кнопки

    Отображение таблиц на мобильных устройствах

    Существуют 2 варианта отображения таблиц на мобильных устройствах:
    1. Ширина таблицы не меняется (настройка по умолчанию). Появляется горизонтальная прокрутка. То есть для просмотра содержимого всей таблицы пользователю потребуется сдвинуть изображение влево.
    2. Ширина таблицы адаптируется под ширину экрана мобильного устройства (сжимается). Рекомендуется для таблиц, содержащих 2-3 столбца и небольшой объем контента в ячейках.
    Варианты отображения на мобильных устройствах
    Для настройки адаптивного отображение таблицы нужно:
    1. Перейти по кнопке «Настройки» блока - раздел «Вся таблица»
    2. Поставить галочку в чекбоксе «Разрешить изменение ширины таблицы на мобильных устройствах»
    Настроить адаптивное отображение таблицы

    Варианты дизайна

    Конструктор Тильда предлагает широкие возможности для оформления таблиц.
    Примеры оформления таблиц
    Если статья была полезна для Вас, прошу поставить лайк. Если нет - напишите, пожалуйста, в комментарии, что не понравилось. Это позволит мне улучшать качество статей и видео-материалов.
    Эта статья была для Вас полезной?

    Добавить комментарий

    Понравилась статья? Поделиться с друзьями:
    38 ЛайфХаков для конструктора Тильда
    Заполните форму ниже↓ и Вы получите список ЛайфХаков, которые помогут найти выход из сложных ситуаций при создании сайта
    Ваше имя
    Ваш e-mail
    Контент будет отправлен на указанный e-mail
    Made on
    Tilda