Добавление таблицы
Таблицы обычно используются для представления структурированных данных, собранных в строках и столбцах. Они зачастую применяются для отображения расписания или контактной информации на сайте.
Для начала откройте редактор сайта и добавьте блок wireframe-series-7-contacts или wireframe-series-1-schedule из галереи:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-994_1l2z5uq.png)
Наведите на строку в таблице и нажмите на + Строка, чтобы добавить еще одну снизу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-995_11qi9ne.png)
Нажмите на три точки в правом верхнем углу, чтобы удалить или создать копию строки:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-996_v6efqx.png)
Вы также можете перемещать строку в пределах таблицы, зажав эту кнопку и перетаскивая строку в нужное положение:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-984-1_tff6g3.png)
Наведите на таблицу и нажмите на «бегунок» в правом верхнем углу, чтобы открыть Настройки таблицы:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-997_10kefgq.png)
Перейдите во вкладку Вид, чтобы изменить количество столбцов в таблице:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-998_w9vxtr.png)
Примечание: максимальное количество столбцов в таблице — 8.
По умолчанию ширина каждого из столбцов имеет одинаковое значение. Чтобы установить конкретную ширину столбца, выключите опцию Равная ширина столбцов:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-999_1j2nj64.png)
Затем наведите курсор между двумя столбцами в редакторе и начните двигать его в нужную вам сторону, чтобы настроить ширину столбца:
![](https://media.giphy.com/media/QubAsYmZIQh7gXssJ0/giphy.gif)
Важно: при настройке будет меняться ширина того столбца, который находится слева от курсора.
Во вкладке Вид вы можете настроить Цвет сетки — цвет для границ вашей таблицы:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1000_1h9gf7y.png)
Здесь вы также можете настроить отступы и выравнивание контента, а еще выбрать Стиль в выпадающем меню — варианты отображения границ вашей таблицы:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1001_1lufq64.png)
Для этого перейдите во вкладку Шапка в Настройках таблицы:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1002_1lowdcb.png)
Выберите подходящий фоновый цвет для заголовков в вашей таблице:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1005_1txxd1a.png)
Для этого перейдите во вкладку Строки в Настройках таблицы:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1003_17jzrg5.png)
Здесь вы также можете выбрать Пресеты — основные алгоритмы покраски строк таблицы, и изменить цвета, которые выбраны по умолчанию. Вот как ваша таблица может выглядеть с пресетом Color Gradation, который автоматически генерирует цвет каждого элемента:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1004_i6ggmg.png)
Важно: на данный момент нет возможности выставить цвет для каждой строки индивидуально.
Как только вы закончили настраивать свою таблицу, не забудьте опубликовать сайт, чтобы изменения вступили в силу.
Подсказка: обратитесь к статье Изменение дизайна блока, если хотите добавить фон и анимацию ко всему блоку.
Добавление таблицы
Для начала откройте редактор сайта и добавьте блок wireframe-series-7-contacts или wireframe-series-1-schedule из галереи:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-994_1l2z5uq.png)
Добавление строк в таблицу
Наведите на строку в таблице и нажмите на + Строка, чтобы добавить еще одну снизу:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-995_11qi9ne.png)
Нажмите на три точки в правом верхнем углу, чтобы удалить или создать копию строки:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-996_v6efqx.png)
Вы также можете перемещать строку в пределах таблицы, зажав эту кнопку и перетаскивая строку в нужное положение:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-984-1_tff6g3.png)
Изменение вида таблицы
Наведите на таблицу и нажмите на «бегунок» в правом верхнем углу, чтобы открыть Настройки таблицы:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-997_10kefgq.png)
Перейдите во вкладку Вид, чтобы изменить количество столбцов в таблице:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-998_w9vxtr.png)
Примечание: максимальное количество столбцов в таблице — 8.
По умолчанию ширина каждого из столбцов имеет одинаковое значение. Чтобы установить конкретную ширину столбца, выключите опцию Равная ширина столбцов:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-999_1j2nj64.png)
Затем наведите курсор между двумя столбцами в редакторе и начните двигать его в нужную вам сторону, чтобы настроить ширину столбца:
![](https://media.giphy.com/media/QubAsYmZIQh7gXssJ0/giphy.gif)
Важно: при настройке будет меняться ширина того столбца, который находится слева от курсора.
Во вкладке Вид вы можете настроить Цвет сетки — цвет для границ вашей таблицы:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1000_1h9gf7y.png)
Здесь вы также можете настроить отступы и выравнивание контента, а еще выбрать Стиль в выпадающем меню — варианты отображения границ вашей таблицы:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1001_1lufq64.png)
Добавление фона к шапке
Для этого перейдите во вкладку Шапка в Настройках таблицы:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1002_1lowdcb.png)
Выберите подходящий фоновый цвет для заголовков в вашей таблице:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1005_1txxd1a.png)
Добавления фона к строкам
Для этого перейдите во вкладку Строки в Настройках таблицы:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1003_17jzrg5.png)
Здесь вы также можете выбрать Пресеты — основные алгоритмы покраски строк таблицы, и изменить цвета, которые выбраны по умолчанию. Вот как ваша таблица может выглядеть с пресетом Color Gradation, который автоматически генерирует цвет каждого элемента:
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/template-1004_i6ggmg.png)
Важно: на данный момент нет возможности выставить цвет для каждой строки индивидуально.
Как только вы закончили настраивать свою таблицу, не забудьте опубликовать сайт, чтобы изменения вступили в силу.
Подсказка: обратитесь к статье Изменение дизайна блока, если хотите добавить фон и анимацию ко всему блоку.
Обновлено на: 05/12/2023
Спасибо!