# Розділ таблиць

Поле **розділ «Таблиці»** — це універсальний інструмент для подання структурованої інформації на вашому сайті. Тепер ви можете легко створювати розклади, прайс-листи, порівняння продуктів, програми заходів і багато іншого — безпосередньо в конструкторі MaviBot, без потреби в кодінгу чи сторонніх інтеграціях.

<figure><img src="/files/265d0959e728ed9ed5b613920bf96a8a57be2b3c" alt=""><figcaption></figcaption></figure>

За допомогою цього розділу ви можете:

* додавати будь-яку кількість **рядків і стовпців**;
* форматувати **заголовки таблиці**;
* вставляти кнопки та посилання безпосередньо в **комірки**;
* налаштовувати **вирівнювання**, **інтервали**, і **кольори**.

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

Цей підхід ідеально підходить для:

* **розкладів воркшопів** або подій;
* **таблиць цін** на послуги або продукти;
* **порівняльних** діаграм;
* **контактних даних** для філій;
* та багатьох інших випадків використання.

## Створення таблиці

Щоб створити таблицю, перейдіть до редактора сторінки сайту. Знайдіть і натисніть кнопку «+», щоб додати новий розділ.

Далі в меню, що з’явиться праворуч на екрані, знайдіть і натисніть кнопку «Таблиця», щоб додати розділ на сторінку.

<figure><img src="/files/7762eb31af4c3789491f4c354e5806c789d98924" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/95558b29cff6f2280b99214ce01d4cac499e0de4" alt=""><figcaption></figcaption></figure>

Праворуч відкриється меню з налаштуваннями вмісту таблиці.

## Вміст розділу

Вміст редагується всередині розділу за допомогою простих та інтуїтивно зрозумілих налаштувань.

<figure><img src="/files/00687a97ecc733d420352d2756ab5449496b675a" alt=""><figcaption></figcaption></figure>

Назви стовпців вводяться в **поле «Заголовок таблиці»** через крапку з комою.

<figure><img src="/files/3eb4f660be7cd2752875cb32775a70710c2aa687" alt=""><figcaption><p>Заголовок зі значенням: "Час;Шеф;Зал;Рівень;Тема майстер-класу"</p></figcaption></figure>

Вміст таблиці редагується РЯДОК ЗА РЯДКОМ, при цьому значення кожної комірки в рядку відокремлюються крапками з комою.

<figure><img src="/files/30f1451a1c8e9b97e8c617dabd374966dc9a00d5" alt=""><figcaption><p>Перший рядок зі значенням: "09:00 - 10:30;Ірина Белова;Зал 1;початковий;Домашня італійська паста"</p></figcaption></figure>

Кожен наступний рядок таблиці починається з нового рядка. Ширини стовпців також задаються через крапки з комою.

<figure><img src="/files/3e561d865bc60b68f2053bd8dd51441a9ba5da80" alt=""><figcaption><p>Ви можете залишити це поле порожнім — тоді ширина стовпця буде визначена автоматично на основі вмісту.</p></figcaption></figure>

### Як додати кнопку або посилання до таблиці

Щоб додати кнопку до комірки таблиці, введіть `Назва кнопки button=https://mavibot.ai` у рядок комірки *(без лапок).*&#x20;

<figure><img src="/files/2d039520ed8e3f40f51b20af8e89def86c9d4991" alt=""><figcaption></figcaption></figure>

Щоб додати гіперпосилання, вбудоване в слово або фразу, введіть у рядок таблиці таке:\
`Фраза для посилання link=https://mavibot.ai` *(без лапок).*

<figure><img src="/files/f9f6547e1efcd8653294cb4f25ff331d7c0d3c1f" alt=""><figcaption></figcaption></figure>

## Налаштування розділу

Щоб відкрити налаштування розділу, наведіть курсор на «Таблиці» та натисніть відповідну кнопку «Налаштування».

<figure><img src="/files/641f092ad931ead4819b3d1ada1dc237a45533af" alt=""><figcaption></figcaption></figure>

Тут ви побачите налаштування шрифту, кольору та меж таблиці.

<figure><img src="/files/df44bd874ca1517593959de5b7350bf85b41806e" alt=""><figcaption></figcaption></figure>

Ви можете вибрати колір для парних і непарних рядків, задати колір фону таблиці, а також налаштувати колір кнопок, доданих до комірок таблиці.

Тут є прапорці для вирівнювання меж і значень усередині стовпця.

<figure><img src="/files/49e7cbc14171ea34d2a65283edd5a59b6e8bf555" alt=""><figcaption></figcaption></figure>

1. **Приховати вертикальні межі**\
   Коли цей прапорець увімкнено, таблиця не матиме вертикальних меж. Якщо ви вимкнете прапорець, між стовпцями з’являться вертикальні лінії.

<figure><img src="/files/a087db4f460c1ce1a421a46c0bbc84acd71d6fed" alt=""><figcaption></figcaption></figure>

2. **Приховати верхню межу**\
   Якщо цей прапорець увімкнено, верхня межа буде прихована. Коли прапорець вимкнено, верхня межа з’явиться над заголовком таблиці.

<figure><img src="/files/a48b72a1b72f2e4432de1dc27c0add7688bb836a" alt=""><figcaption></figcaption></figure>

3. **Не застосовувати вирівнювання до першого стовпця**\
   За замовчуванням цей прапорець увімкнено. Якщо ви його вимкнете, перший стовпець буде вирівняно відповідно до загального вирівнювання таблиці.

### Глобальні налаштування шрифту, фону та відображення

Кожен блок має універсальні налаштування шрифтів, фону та відображення — ці параметри є однаковими для різних блоків.

<figure><img src="/files/e804c501d1b4e28a3af4be6e12285ff01a2a46d4" alt=""><figcaption></figcaption></figure>

Так само розділ (блок) «Таблиці» підтримує різноманітні налаштування: ви можете вибирати або завантажувати власні шрифти, змінювати розмір і стиль шрифту, задавати фон для розділу, а також налаштовувати ширину вмісту та діапазон видимості на різних пристроях.

{% hint style="info" %}
Щоб дізнатися більше про налаштування шрифту, фону та відображення, див. статтю [«Глобальні налаштування розділу»](/doc/uk/websites/saiti/blocks/settings.md)
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/uk/websites/saiti/blocks/sheets.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.