Центр поддержки Wix
    Главная
  1. Создание сайта
  2. Editor X
  3. Добавление элементов в Editor X
    4. Editor X: Создание таблиц с помощью репитера

Editor X: Создание таблиц с помощью репитера

5 мин. чтения
Editor X переходит на Wix Studio, нашу новую платформу для агентств и фрилансеров.Подробнее о Wix Studio
Добавьте на сайт таблицу с помощью репитера — списка элементов с одинаковым дизайном и макетом, но с разным контентом.
Применив сетку к элементам репитера, вы создадите строки и столбцы, которые образуют таблицу:

Шаг 1 | Добавьте повторяющийся список (репитер)

Сначала выберите репитер на панели «Добавить» и добавьте его на сайт.

Чтобы добавить репитер:

  1. Нажмите Добавить в верхней части редактора.
  2. Нажмите Для лейаута.
  3. Нажмите Репитеры.
  4. Выберите репитер и перетащите его в нужное место на странице.

Шаг 2 | Настройте таблицу

После добавления репитера создайте строки таблицы, изменив тип отображения на Список. Затем добавьте столбцы, применив сетку. Вы можете перетащить линии сетки по мере необходимости, чтобы подогнать ее под нужную таблицу.

Чтобы настроить таблицу:

  1. Измените макет репитера:
    1. Выберите новый репитер в редакторе.
    2. Нажмите значок Инспектора вверху справа.
    3. (В Инспекторе) Перейдите во вкладку Макет .
    4. Выберите Список в разделе Тип отображения.


    5. (Необязательно) Установите интервал между строками в разделе Отступы.
  2. Примените сетку к элементам репитера:
    1. Выберите любой элемент репитера.
    2. Нажмите на раскрывающееся меню 1x1.
    3. В зависимости от количества нужных столбцов выберите макет.
      Совет: нажмите Другое, чтобы выбрать другое количество строк и столбцов. 
    4. Установите ячейки таблицы, перетаскивая линии сетки по мере необходимости.

Шаг 3 | Дизайн и добавление контента в таблицу

После создания таблицы настройте дизайн и добавьте соответствующий контент. Вы можете добавить столько строк, сколько вам нужно, таких как текст, изображения и разделители.
Когда вы добавляете в репитер функциональный элемент сайта, он автоматически добавляется к каждому элементу репитера, чтобы сохранить единообразие дизайна. Соответственно, удаление функционального элемента удаляет его из всех элементов репитера. Вы можете настроить отдельные функциональные элементы внутри репитера (например, изменить текст или изображение), но дизайн всегда остается прежним.
Выберите вариант ниже, чтобы узнать подробнее:

Была ли статья полезна?

|

В этой статье

  • Шаг 1 | Добавьте повторяющийся список (репитер)
  • Шаг 2 | Настройте таблицу
  • Шаг 3 | Дизайн и добавление контента в таблицу