Посмотрите видеоурок о том, как создать или редактировать страницу или прочитайте подробную инструкцию ниже.
Блок «Таблица» находится в категории «Колонки» (CL46).
1
Создание строк, столбцов и шапки
Таблица состоит из строк и колонок. При добавлении контента столбцы разделяются символом точка с запятой — «;», а строки — переносом строки (нажатием клавиши «Enter»).
Пример данных для шапки:
Время;Тип занятия;Преподаватель
Пример данных для основной части:
08:00;Хатха-йога;Иванова Анна
10:30;Пилатес;Сидорова Алеся
13:00;Аэробика;Петрова Инесса
Время;Тип занятия;Преподаватель
Пример данных для основной части:
08:00;Хатха-йога;Иванова Анна
10:30;Пилатес;Сидорова Алеся
13:00;Аэробика;Петрова Инесса
2
Изменение ширины и высоты
Ширина всей таблицы регулируется в настройках: можно задать количество колонок и отступ слева.
Ширина колонок регулируется в контенте, в поле, расположенном в самом низу. Единица измерения — проценты. Желательно следить, чтобы сумма значений ширины в процентах равнялась 100. Если поле оставить пустым, то колонки будут одинаковыми по ширине.
Ширина колонок регулируется в контенте, в поле, расположенном в самом низу. Единица измерения — проценты. Желательно следить, чтобы сумма значений ширины в процентах равнялась 100. Если поле оставить пустым, то колонки будут одинаковыми по ширине.
Пример задания ширины колонок:
50%;20%;30%
50%;20%;30%
3
Ссылки и кнопки
К тексту ячейки можно добавить ссылку или кнопку. Для этого достаточно поставить после него конструкцию вида: link=http://mylink.com или button=http://mylink.com — и все содержимое ячейки станет ссылкой или надписью на кнопке.
Пример добавления ссылки:
Билет;100$;Узнать больше link=http://tilda.cc
Пример добавления кнопки:
Билет;100$;Узнать больше button=http://tilda.cc
Билет;100$;Узнать больше link=http://tilda.cc
Пример добавления кнопки:
Билет;100$;Узнать больше button=http://tilda.cc
Если требуется открывать ссылки не в текущем окне, а в отдельной вкладке браузера, то установите галочку в Настройках таблицы → Вся таблица → Открывать ссылки в новой вкладке.
4
Мобильная версия
Есть два варианта отображения таблиц в мобильной версии:
1. Таблица сохраняет такой же размер, как в версии для больших экранов, и выходит за край маленького экрана.
2. Таблица сжимается до ширины экрана устройства.
1. Таблица сохраняет такой же размер, как в версии для больших экранов, и выходит за край маленького экрана.
2. Таблица сжимается до ширины экрана устройства.
Чтобы таблица сжималась до ширины экрана, нужно в настройках нажать галочку «Разрешить изменение ширины таблицы на мобильных устройствах».
Совет:разрешайте сжатие на мобильных устройствах для таблиц с небольшим количеством столбцов (2-3) и небольшим количеством контента (цифры, короткие фразы).
Совет:разрешайте сжатие на мобильных устройствах для таблиц с небольшим количеством столбцов (2-3) и небольшим количеством контента (цифры, короткие фразы).
5
Примеры готовых таблиц
Настройки данной таблицы: Масштаб: 1, Цвет границ шапки таблицы: #000000, Цвет границ таблицы: #d9d9d9, Цвет фона нечетной строки: #ffffff, Цвет фона четной строки: #eeeeee, Проставлена галочка «Скрыть верхнюю границу таблицы»
Настройки данной таблицы: Масштаб: 2, Цвет текста в шапке таблицы: #ffffff, Цвет границ шапки таблицы: #ff8562, Цвет шапки таблицы: #ff8562, Цвет границ таблицы: #d9d9d9, Цвет фона нечетной строки: #ffffff, Цвет фона четной строки: #ffffff, Проставлена галочка «Разрешить изменение ширины таблицы на мобильных устройствах»
