Добавление и настройка приложения Мастер Таблиц
Приложение Мастер Таблиц позволяет легко создавать таблицы на сайте Wix. Вы можете загружать таблицы Google Таблицы или вводить данные вручную. Посетители сайта смогут просматривать, сортировать и фильтровать данные в таблице без необходимости их скачивать.
Используйте таблицу, чтобы:
- Упорядочивать контент
- Создавать списки
- Сортировать контактные данные
- Обновлять данные
- и многое другое
Прежде чем начать:
Таблицу необходимо
опубликовать, прежде чем ее можно будет загрузить.
Шаг 1 | Добавление приложения Мастер Таблиц на сайт
Добавьте приложение Мастер Таблиц на свой сайт. После добавления вы можете скопировать и вставить приложение, чтобы перенести его на другую страницу сайта.
Примечание:
Приложение Мастер Таблиц пока недоступно для Редактора Studio.
Чтобы добавить приложение:
- Нажмите Добавить приложения
в левой части редактора. - Найдите приложение Table Master в строке поиска.
- Нажмите Добавить на сайт.
Шаг 2 | Ввод данных таблицы
Вы можете загрузить таблицу Google Sheets или ввести данные в таблицу вручную.
Чтобы добавить данные:
- Выберите таблицу в редакторе.
- Нажмите Настройки.
- Перейдите на вкладку Данные.
- Добавьте данные вручную или загрузите таблицу Google Таблицы.
Добавить данные вручную
Загрузите таблицу Google Таблиц
Шаг 3 | Настройка макета и отображения таблицы
После добавления данных вы можете настроить макет и отображение таблицы. Выберите количество отображаемых столбцов, высоту таблицы и то, как она будет выглядеть на мобильных устройствах.
Чтобы настроить макет и отображение:
- Перейдите на вкладку Макет.
- Нажмите переключатель Лимит столбцов, чтобы установить, будет ли в таблице отображаться ограниченное количество столбцов.
- Включено: вы можете выбрать количество отображаемых столбцов в поле Макс. количество столбцов. Перетащите ползунок или введите число в поле, чтобы изменить его.
- Отключено: количество столбцов, отображаемых в таблице, не ограничено.
- Выберите высоту таблицы в разделе Высота таблицы.
- Фиксированный размер с прокруткой: размер таблицы не будет подстраиваться под данные. В таблице появится вертикальная полоса прокрутки, если строк больше, чем может поместиться в видимой области.
- По размеру контента: высота таблицы будет меняться в зависимости от количества строк в ней.
- Выберите поведение таблицы на мобильных устройствах в разделе Мобильный макет.
- Развернуть: в таблице будет отображаться первый столбец, и посетители смогут нажать на каждую строку, чтобы просмотреть ее содержимое.
- Прокрутка: высота таблицы фиксирована, и в ней есть полосы прокрутки, с помощью которых посетители могут увидеть больше данных.
- Перейдите на вкладку Отображение.
- Нажмите переключатель Показать хедер и футер, чтобы настроить отображение хедера и футера в таблице.
- Нажмите переключатель Показать поиск, чтобы настроить отображение строки поиска.
- (Необязательно) Настройте текст по умолчанию для строки поиска в поле Текст поиска.
- Нажмите переключатель Разрешить сортировку, чтобы посетители могли сортировать данные в таблице.
Если этот параметр включен, посетители могут нажать на столбец для сортировки в алфавитном или числовом порядке по возрастанию или убыванию.
Шаг 4 | Настройка текста и цветов таблицы
Последний шаг — настройка шрифтов и цвета текста таблицы на вкладке
Дизайн. Вы можете задать цвета фона, границ и строк таблицы, а также настроить шрифт текста.
- Перейдите на вкладку Дизайн.
- Нажмите Цвет фона.
- Выберите цвет фона таблицы в разделе Основной цвет.
- Нажмите переключатель Использовать градиент, чтобы определить, будет ли цвет фона таблицы использовать эффект градиента.
- (Необязательно) Выберите второй цвет для градиента рядом с пунктом Вторичный цвет.
- Выберите цвет, ширину и радиус углов границы в разделе Внешняя граница.
- Нажмите Назад.
- Нажмите Таблица.
- Нажмите Текст в разделе Секции или Строки, чтобы настроить шрифты в таблице. Вы можете выбрать отдельные параметры текста для строк и столбцов.
- Выберите цвета фона для строк в разделе Строки. Вы можете установить разные цвета для четных и нечетных строк, а также цвет фона при наведении.
- Выберите цвет и ширину внутренних границ таблицы в разделе Внутренняя граница.
- Опубликуйте сайт, чтобы увидеть изменения онлайн.
Совет:
Вы также можете найти другие приложения для таблиц в
Wix App Market или
создать таблицу с помощью Velo by Wix.