> ## 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-994_1l2z5uq.png)

### Добавление строк в таблицу

1. Наведите на строку в таблице и нажмите на **+ Строка**, чтобы добавить еще одну снизу:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-995_11qi9ne.png)

2. Нажмите на три точки в правом верхнем углу, чтобы удалить или создать копию строки:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-996_v6efqx.png)

3. Вы также можете перемещать строку в пределах таблицы, зажав эту кнопку и перетаскивая строку в нужное положение:

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

### Изменение вида таблицы

1. Наведите на таблицу и нажмите на «бегунок» в правом верхнем углу, чтобы открыть **Настройки таблицы**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-997_10kefgq.png)

2. Перейдите во вкладку **Вид**, чтобы изменить количество столбцов в таблице:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-998_w9vxtr.png)

**Примечание:** максимальное количество столбцов в таблице — 8.

3. По умолчанию ширина каждого из столбцов имеет одинаковое значение. Чтобы установить конкретную ширину столбца, выключите опцию **Равная ширина столбцов**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-999_1j2nj64.png)

4. Затем наведите курсор между двумя столбцами в редакторе и начните двигать его в нужную вам сторону, чтобы настроить ширину столбца:

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

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

5. Во вкладке **Вид** вы можете настроить **Цвет сетки** — цвет для границ вашей таблицы:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1000_1h9gf7y.png)

6. Здесь вы также можете настроить отступы и выравнивание контента, а еще выбрать **Стиль** в выпадающем меню — варианты отображения границ вашей таблицы:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1001_1lufq64.png)

### Добавление фона к шапке

1. Для этого перейдите во вкладку **Шапка** в **Настройках таблицы**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1002_1lowdcb.png)

2. Выберите подходящий фоновый цвет для заголовков в вашей таблице:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1005_1txxd1a.png)

### Добавления фона к строкам 

1. Для этого перейдите во вкладку **Строки** в **Настройках таблицы**:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1003_17jzrg5.png)

2. Здесь вы также можете выбрать **Пресеты** — основные алгоритмы покраски строк таблицы, и изменить цвета, которые выбраны по умолчанию. Вот как ваша таблица может выглядеть с пресетом **Color Gradation**, который автоматически генерирует цвет каждого элемента:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1004_i6ggmg.png)

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

Как только вы закончили настраивать свою таблицу, не забудьте [опубликовать сайт](https://help.weblium.com/ru/article/publikaciya-sajta-1xvrq6l/), чтобы изменения вступили в силу.

| ${color}[#1aa900](Подсказка:) обратитесь к статье [Изменение дизайна блока](https://help.weblium.com/ru/article/izmenenie-dizajna-bloka-s9tme4/), если хотите добавить фон и анимацию ко всему блоку.