Editor X: Создание таблиц с помощью репитера
Добавьте на сайт таблицу с помощью репитера — списка элементов с одинаковым дизайном и макетом, но с разным контентом.
Применив сетку к элементам репитера, вы создадите строки и столбцы, которые образуют таблицу:
Шаг 1 | Добавьте повторяющийся список (репитер)
Сначала выберите репитер на панели «Добавить» и добавьте его на сайт.
Чтобы добавить репитер:
- Нажмите Добавить в верхней части редактора.
- Нажмите Для лейаута.
- Нажмите Репитеры.
- Выберите репитер и перетащите его в нужное место на странице.
Шаг 2 | Настройте таблицу
После добавления репитера создайте строки таблицы, изменив тип отображения на Список. Затем добавьте столбцы, применив сетку. Вы можете перетащить линии сетки по мере необходимости, чтобы подогнать ее под нужную таблицу.
Чтобы настроить таблицу:
- Измените макет репитера:
- Выберите новый репитер в редакторе.
- Нажмите значок Инспектора вверху справа.
- (В Инспекторе) Перейдите во вкладку Макет .
- Выберите Список в разделе Тип отображения.
- (Необязательно) Установите интервал между строками в разделе Отступы.
- Выберите любой элемент репитера.
- Нажмите на раскрывающееся меню 1×1.
- В зависимости от количества нужных столбцов выберите макет.
Совет: нажмите Другое, чтобы выбрать другое количество строк и столбцов. - Установите ячейки таблицы, перетаскивая линии сетки по мере необходимости.
Шаг 3 | Дизайн и добавление контента в таблицу
После создания таблицы настройте дизайн и добавьте соответствующий контент. Вы можете добавить столько строк, сколько вам нужно, таких как текст, изображения и разделители.
Когда вы добавляете в репитер функциональный элемент сайта, он автоматически добавляется к каждому элементу репитера, чтобы сохранить единообразие дизайна. Соответственно, удаление функционального элемента удаляет его из всех элементов репитера. Вы можете настроить отдельные функциональные элементы внутри репитера (например, изменить текст или изображение), но дизайн всегда остается прежним.
Выберите вариант ниже, чтобы узнать подробнее:
Добавить разделители
Добавьте горизонтальные и вертикальные линии, чтобы разделить строки и столбцы таблицы. При добавлении линии к элементу репитера она автоматически добавляется к остальным элементам.
Чтобы добавить линию:
- Нажмите Добавить элементы в верхней части Editor X.
- Откройте вкладку Оформление.
- Нажмите Горизонтальные линии или Вертикальные линии.
- Выберите дизайн и перетащите его на один из элементов репитера.
Добавить больше строк в таблицу
Для создания дополнительных строк скопируйте элементы репитера и настройте их по своему желанию.
Чтобы добавить строки:
- Нажмите на репитер.
- Нажмите Добавить элемент.
Настроить дизайн таблицы
Настройте элементы репитера (например, строки таблицы) в соответствии со стилем сайта. Выберите пресет и измените настройки, такие как цвет заливки, граница, углы и тень.
Чтобы настроить элементы репитера:
- Нажмите на один из элементов репитера.
- Нажмите на значок Инспектора в верхней части Editor X.
- (В Инспекторе) Перейдите во вкладку Дизайн .
- Настройте дизайн, используя доступные параметры:
- Цвет и прозрачность заливки : нажмите на палитру цветов, чтобы изменить цвет фона строк. Перетащите ползунок, чтобы настроить прозрачность цвета заливки.
- Граница : измените цвет границ строк. Используйте ползунки, чтобы настроить прозрачность и ширину границы.
- Уголки : закруглите уголки строк, изменив радиус (в пикселях).
- Тень : отрегулируйте тень строк. Вы можете изменить такие настройки, как угол, расстояние, размер, цвет и многое другое.
Как добавить ссылку в таблицу приложения Мастер таблиц?

- Нажмите на таблицу в редакторе.
- Нажмите Настройки.
- Наведите мышку на нужную ячейку.
- Нажмите на иконку Ссылка.
- Выберите тип ссылки.
- Введите данные ссылки.
- Нажмите OK.
Важно:
на данный момент нельзя импортировать ссылки при загрузке таблицы Google в связи с определенными особенностями API Google Drive.
Совет:
Вы также можете создать таблицу при помощи функционала Velo by Wix.
CMS (в прошлом Менеджер контента): отображение контента коллекции в таблице
Использование таблиц — это отличный способ отображать несколько элементов из коллекций и ссылаться на динамические страницы или внешние ресурсы.
Прежде чем подключить контент к таблице, вам необходимо создать коллекцию для хранения контента.
Совет:
Если у вас уже есть электронная таблица, которую вы хотите отобразить на своем сайте Wix, вы можете импортировать контент в коллекцию и отображать этот контент в галерее. Подробнее. target=»»).
Шаг 1 | Добавьте и подключите таблицу
Создайте таблицу, которая быстро отображает все, что вы хотите показать из коллекции. Затем вы можете выбрать, какие поля вы хотите включить в таблицу.
Чтобы добавить и подключить таблицу:
- Нажмите Добавить в левой части редактора.
- Нажмите Списки и таблицы и выберите Таблицы.
- Выберите таблицу и перетащите ее на сайт.
- Нажмите на таблицу в редакторе.
- Нажмите значок Подключить к данным .
- Нажмите Создать источник данных.
- Выберите коллекцию.
- Нажмите Создать.
- Из коллекции выберите поля для отображения из раскрывающегося списка в разделе Параметры подключения .
Примечание:
Вы можете нажать на значок Подключиться к данным , чтобы добавить больше столбцов из вашей коллекции контента.
Как только ваша таблица будет подключена к коллекции, вы увидите, что столбцы сразу же заполняются вашим контентом.
Шаг 2 | Настройте таблицу
Теперь, когда у вас есть таблица на странице и она подключена к контенту, вы можете настроить ее под себя.
Добавление дополнительных столбцов и строк в приложении Мастер таблиц вручную
Приложение Мастер таблиц позволяет легко создавать таблицы на сайте Wix. Вы можете загрузить таблицы Google или вручную вставить данные в таблицу.
Когда вы вставляете данные таблицы вручную, вы можете в любое время добавить больше столбцов или строк.
- Добавление дополнительных столбцов в таблицу
- Добавление дополнительных строк в таблицу
Совет:
Вы также можете создать таблицу с помощью Velo by Wix (на английском языке).
Добавление в таблицу дополнительных столбцов
По умолчанию каждая новая таблица, которую вы создаете с помощью приложения Мастер таблиц, отображает 4 столбца. Вы можете добавить дополнительные столбцы во вкладке Макет в панели приложения Настроить.
Чтобы добавить дополнительные столбцы:
- Нажмите на таблицу в редакторе.
- Нажмите Настроить.
- Перейдите во вкладку Макет.
- Перетащите ползунок в разделе Макс. количество отображаемых столбцов или введите количество столбцов, которое вы хотите отобразить, в поле рядом с ползунком.
Добавление в таблицу дополнительных строк
По умолчанию каждая новая таблица, которую вы создаете с помощью приложения Мастер таблиц, отображает 4 строки. Вы можете вручную добавить больше строк на вкладке Главная в панели приложения Настроить в редакторе сайта.
Чтобы добавить дополнительные строки:
- Нажмите на таблицу в редакторе.
- Нажмите Настроить.
- Перейдите во вкладку Данные.
- Нажмите Управлять данными.
- Добавьте новые данные в таблицу под имеющимися строками.
- Нажмите Сохранить и закрыть. Ваша таблица автоматически обновится с новым количеством строк.
Примечание:
Вы можете добавлять строки только в конец таблицы. В настоящее время нет возможности добавить строки в середине таблицы. Проголосуйте за эту функцию