Додавання таблиці
Таблиця — це структура даних, яка впорядковує інформацію за допомогою рядків та стовпців. Зазвичай її використовують для відображення розкладу або контактної інформації на сайті.
Щоб створити таблицю на своєму сайті, відкрийте редактор і додайте wireframe-series-7-contacts або wireframe-series-1-schedule з галереї блоків:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1072-2_40wyzj.png)
Наведіть курсор на рядок у таблиці та натисніть Ряд у нижньому правому куті, щоб додати новий нижче:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1073-1_ekrtwx.png)
Клацніть на три крапки у верхньому правому куті рядка, щоб видалити його або створити дублікат:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1074-2_4agzde.png)
Ви також можете перемістити рядок у таблиці, утримуючи цю іконку та перетягуючи рядок до потрібного місця:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1075-3_4o8l6d.png)
Наведіть курсор на таблицю і натисніть на «шестерню», щоб отримати доступ до Налаштувань таблиці:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1076-2_bnnyh5.png)
Перейдіть до вкладки Вигляд, щоб змінити кількість стовпців у вашій таблиці:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1077-2_9xc3cc.png)
Примітка: максимально можлива кількість стовпців — вісім.
За замовчуванням ширина стовпців у таблиці однакова. Щоб встановити конкретну ширину стовпця, увімкніть параметр Рівна ширина стовпців:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1078-3_c2vb17.png)
Далі наведіть курсор між двома стовпцями в редакторі та почніть перетягувати його, щоб налаштувати їх ширину:
![](https://media.giphy.com/media/QubAsYmZIQh7gXssJ0/giphy.gif)
Важливо: за цієї дії буде змінюватися ширина стовпця ліворуч від курсору.
У вкладці Вигляд ви можете змінити Колір сітки вашої таблиці:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1079-3_ztqlbq.png)
Ви можете також налаштувати внутрішні відступи та вирівнювання контенту, а ще вибрати Стиль в розкривному меню — варіанти відображення меж вашої таблиці:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1080-3_108xidv.png)
Для цього перейдіть до вкладки Шапка у Налаштуваннях таблиці та налаштуйте кольоровий фон у таблиці:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1081-2_e7vkhn.png)
Для цього перейдіть до вкладки Рядки в Налаштуваннях таблиці:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1083-2_43vkx0.png)
Тут ви можете вибрати Пресети — основні алгоритми забарвлення для рядків, а також змінити кольори за замовчуванням. Ось як може виглядати ваша таблиця з пресетом Color Gradation, який автоматично генерує колір кожного елемента:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1084-3_1k75dli.png)
Важливо: наразі немає можливості встановити індивідуальний колір для кожного рядка в таблиці.
Не забудьте опублікувати свій сайт, щоб застосувати зміни.
Підказка: перегляньте статтю Зміна дизайну блоку, щоб встановити фон або анімацію для всього блоку.
Додавання таблиці
Щоб створити таблицю на своєму сайті, відкрийте редактор і додайте wireframe-series-7-contacts або wireframe-series-1-schedule з галереї блоків:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1072-2_40wyzj.png)
Додавання рядків до таблиці
Наведіть курсор на рядок у таблиці та натисніть Ряд у нижньому правому куті, щоб додати новий нижче:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1073-1_ekrtwx.png)
Клацніть на три крапки у верхньому правому куті рядка, щоб видалити його або створити дублікат:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1074-2_4agzde.png)
Ви також можете перемістити рядок у таблиці, утримуючи цю іконку та перетягуючи рядок до потрібного місця:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1075-3_4o8l6d.png)
Зміна вигляду таблиці
Наведіть курсор на таблицю і натисніть на «шестерню», щоб отримати доступ до Налаштувань таблиці:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1076-2_bnnyh5.png)
Перейдіть до вкладки Вигляд, щоб змінити кількість стовпців у вашій таблиці:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1077-2_9xc3cc.png)
Примітка: максимально можлива кількість стовпців — вісім.
За замовчуванням ширина стовпців у таблиці однакова. Щоб встановити конкретну ширину стовпця, увімкніть параметр Рівна ширина стовпців:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1078-3_c2vb17.png)
Далі наведіть курсор між двома стовпцями в редакторі та почніть перетягувати його, щоб налаштувати їх ширину:
![](https://media.giphy.com/media/QubAsYmZIQh7gXssJ0/giphy.gif)
Важливо: за цієї дії буде змінюватися ширина стовпця ліворуч від курсору.
У вкладці Вигляд ви можете змінити Колір сітки вашої таблиці:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1079-3_ztqlbq.png)
Ви можете також налаштувати внутрішні відступи та вирівнювання контенту, а ще вибрати Стиль в розкривному меню — варіанти відображення меж вашої таблиці:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1080-3_108xidv.png)
Додавання фону до шапки таблиці
Для цього перейдіть до вкладки Шапка у Налаштуваннях таблиці та налаштуйте кольоровий фон у таблиці:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1081-2_e7vkhn.png)
Додавання фону до рядків таблиці
Для цього перейдіть до вкладки Рядки в Налаштуваннях таблиці:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1083-2_43vkx0.png)
Тут ви можете вибрати Пресети — основні алгоритми забарвлення для рядків, а також змінити кольори за замовчуванням. Ось як може виглядати ваша таблиця з пресетом Color Gradation, який автоматично генерує колір кожного елемента:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1084-3_1k75dli.png)
Важливо: наразі немає можливості встановити індивідуальний колір для кожного рядка в таблиці.
Не забудьте опублікувати свій сайт, щоб застосувати зміни.
Підказка: перегляньте статтю Зміна дизайну блоку, щоб встановити фон або анімацію для всього блоку.
Оновлено: 05/12/2023
Дякуємо!