# Tables section

The **“Tables” section** is a versatile tool for presenting structured information on your website. You can now easily create schedules, price lists, product comparisons, event programs, and much more — directly within the MaviBot builder, without the need for coding or third-party integrations.

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

With this section, you can:

* add any number of **rows and columns**;
* format **table headers**;
* insert buttons and links directly into **cells**;
* customize **alignment**, **spacing**, and **colors**.

Additional features include row styling, alternating row colors, and responsive layout for mobile devices.

This approach is ideal for:

* **schedules of workshops** or events;
* **price tables** for services or products;
* **product comparison** charts;
* **contact details** for branch offices;
* and many other use cases.

## Table Creation

To create a table, go to the website page editor. Find and click the “+” button to add a new section.

Next, in the menu that appears on the right side of the screen, find and click the “Table” button to add the section to the page.

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

The builder includes a table template with pre-filled fields, so the table will appear as follows when added:

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

A menu with table content settings will open on the right side.

## Section Content

The content is edited within the section using simple and intuitive settings.

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

Column titles are entered in the **“Table Header”** field, separated by semicolons.

<figure><img src="/files/PWaSi6aih3SfMitDeOo3" alt=""><figcaption><p>A header with the value: "Time;Chef;Hall;Level;Masterclass Topic"</p></figcaption></figure>

The table content is edited ROW by ROW, with each cell value in a row separated by semicolons.

<figure><img src="/files/yZD3c3Oys6OTOG4mxa9S" alt=""><figcaption><p>The first row with the value: "09:00 - 10:30;Irina Belova;Hall 1;beginner;Homemade Italian Pasta"</p></figcaption></figure>

Each subsequent row of the table starts on a new line. Column widths are also specified using semicolons.

<figure><img src="/files/w4IGO0ZVChIten70iFqq" alt=""><figcaption><p>You can leave it blank — the column width will then be automatically determined based on the content.</p></figcaption></figure>

### How to add a button or link to a table

To add a button to a table cell, enter `Button Name button=https://mavibot.ai` into the cell's row *(without quotation marks).*&#x20;

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

To add a hyperlink embedded in a word or phrase, enter the following in the table row:\
`Phrase to be linked link=https://mavibot.ai` *(without quotation marks).*

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

## Section settings

To access the section settings, hover over “Tables” and click the corresponding “Settings” button.

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

Here, you’ll see font, color, and border settings for the table.

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

You can choose the color for even and odd rows, set the table background color, and customize the color of buttons added to table cells.

Here are the checkboxes for aligning borders and values within the column.

<figure><img src="/files/7fYLFJdjCOac1ZSSHCO9" alt=""><figcaption></figcaption></figure>

1. **Hide vertical borders**\
   When this checkbox is enabled, the table will have no vertical borders. If you deactivate the checkbox, vertical lines will appear between columns.

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

2. **Hide top border**\
   If this checkbox is enabled, the top border will be hidden. When the checkbox is disabled, the top border will appear above the table header.

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

3. **Do not apply alignment to the first column**\
   By default, this checkbox is enabled. If you disable it, the first column will be aligned according to the overall table alignment.

### Global font, background, and display settings

Each block has universal settings for fonts, background, and display — these settings are consistent across different blocks.

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

Similarly, the “Tables” section (block) supports various settings: you can choose or upload custom fonts, adjust font size and style, set a background for the section, as well as configure content width and visibility range across devices.

{% hint style="info" %}
For more details on font, background, and display settings, see the article ["Global section settings"](/websites/sites/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/websites/sites/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.