> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Додавання таблиці

Таблиця — це структура даних, яка впорядковує інформацію за допомогою рядків та стовпців. Зазвичай її використовують для відображення розкладу або контактної інформації на сайті.

### Додавання таблиці

1. Щоб створити таблицю на своєму сайті, відкрийте редактор і додайте **wireframe-series-7-contacts** або **wireframe-series-1-schedule** з галереї блоків:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1072-2_40wyzj.png)

### Додавання рядків до таблиці

1. Наведіть курсор на рядок у таблиці та натисніть **Ряд** у нижньому правому куті, щоб додати новий нижче:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1073-1_ekrtwx.png)

2. Клацніть на три крапки у верхньому правому куті рядка, щоб видалити його або створити дублікат:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1074-2_4agzde.png)

3. Ви також можете перемістити рядок у таблиці, утримуючи цю іконку та перетягуючи рядок до потрібного місця:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1075-3_4o8l6d.png)

### Зміна вигляду таблиці
 
1. Наведіть курсор на таблицю і натисніть на «шестерню», щоб отримати доступ до **Налаштувань таблиці**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1076-2_bnnyh5.png)

2. Перейдіть до вкладки **Вигляд**, щоб змінити кількість стовпців у вашій таблиці:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1077-2_9xc3cc.png)

**Примітка:** максимально можлива кількість стовпців — вісім.

3. За замовчуванням ширина стовпців у таблиці однакова. Щоб встановити конкретну ширину стовпця, увімкніть параметр **Рівна ширина стовпців**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1078-3_c2vb17.png)

4. Далі наведіть курсор між двома стовпцями в редакторі та почніть перетягувати його, щоб налаштувати їх ширину: 

![](https://media.giphy.com/media/QubAsYmZIQh7gXssJ0/giphy.gif)

||| ${color}[#f97700](Важливо:) за цієї дії буде змінюватися ширина стовпця ліворуч від курсору.

5. У вкладці **Вигляд** ви можете змінити **Колір сітки** вашої таблиці:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1079-3_ztqlbq.png)

6. Ви можете також налаштувати внутрішні відступи та вирівнювання контенту, а ще вибрати **Стиль** в розкривному меню — варіанти відображення меж вашої таблиці:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1080-3_108xidv.png)

### Додавання фону до шапки таблиці 

1. Для цього перейдіть до вкладки **Шапка** у **Налаштуваннях таблиці** та налаштуйте кольоровий фон у таблиці: 

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1081-2_e7vkhn.png)

### Додавання фону до рядків таблиці

1. Для цього перейдіть до вкладки **Рядки** в **Налаштуваннях таблиці**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1083-2_43vkx0.png)

2. Тут ви можете вибрати **Пресети** — основні алгоритми забарвлення для рядків, а також змінити кольори за замовчуванням. Ось як може виглядати ваша таблиця з пресетом **Color Gradation**, який автоматично генерує колір кожного елемента:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1084-3_1k75dli.png)

||| ${color}[#f97700](Важливо:) наразі немає можливості встановити індивідуальний колір для кожного рядка в таблиці.

Не забудьте [опублікувати свій сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/), щоб застосувати зміни.

| ${color}[#1aa900](Підказка:) перегляньте статтю [Зміна дизайну блоку](https://help.weblium.com/uk/article/zmina-dizajnu-bloku-1tpp5tl/), щоб встановити фон або анімацію для всього блоку.