Бесплатный виджет таблицы Элементор
Элементор не имеет собственного виджета таблицы, в бесплатной или версии Pro. Динамическая таблица является бесплатным виджетом Master Addons, который заполняет этот пробел: вы добавляете ячейки заголовка и ячейки тела в панели Элементор, и он строит реальную таблицу HTML, которую вы можете стилизовать без кода. ячейки могут держать текст, значок или изображение, сливаться между столбцами или строками, и извлекать значения из динамических тегов. часто используется для расписаний, спецификаций, прайс-листов и каталогов. Думайте об этом как о простой таблице данных для строк, которые вы вводите вручную. Он не сортирует, не ищет и не импортирует файлы.
Стройте строки и столбцы на панели
Таблица идет от двух ретрансляторов. Ячейка заголовка таблицы содержит один элемент в столбце и Таблица Тело Клетка держит каждую ячейку в порядке чтения, с a Новый ряд? переключатель, который запускает следующую строку. можно перетаскивать элементы, чтобы изменить их порядок, дублировать ячейку или скрыть строку заголовка с помощью Столовая Голова переключатель.
- Объединенные ячейки: Размах столбцов на клетках заголовка и тела, а также размах строк на клетках тела.
- Ширина колонки: включите пользовательскую ширину на вкладке Параметры ячейки, чтобы установить ее ширину.
- Параметры текста для каждой ячейки: выравнивание (слева, в центре, справа или обоснование) и украшение (подчеркивание, оверлайн или сквозная линия).
Стиль заголовка и тела
Стиль заголовка таблицы устанавливает фон заголовка (темно-синий по умолчанию), цвет текста, размер и цвет значков, выравнивание, типографику и заполнение внутренней ячейки. Тело стола имеет те же элементы управления для ячеек данных, а также заполнение значков.
- Заголовок: фон, цвет текста и значков, размер значков, выравнивание, типографика и заполнение ячеек.
- Тело: фон, цвет текста и значков, размер и заполнение значков, выравнивание, типографика и заполнение ячеек.
- Выравнивание для каждого устройства: выравнивание заголовка и тела может меняться на планшете и мобильном телефоне.
Текст, значки, изображения и динамические теги в ячейках
Каждый заголовок и ячейка тела имеют Тип опция: Нет, значок или изображение. значки приходят из библиотеки значков Элементор, и изображения получают Размер изображения в пикселях. текстовые поля принимают динамические теги, в том числе из бесплатного Динамические теги расширение, так что ячейка может показать пост название, пользовательское поле или детали автора. каждый тег заполняет одну ячейку. виджет не зацикливается на сообщениях, чтобы построить строки для вас.
- Значки в качестве галочек: используйте значок галочки или крестика при сравнении планов или функций.
- Маленькие изображения: добавьте фотографию или логотип рядом с именем, размер которого указан в пикселях.
- Динамические теги: извлеките отдельные значения, такие как заголовок сообщения или пользовательское поле.
Глобальный стиль: полосы, границы и углы
Глобальный стиль относится ко всей таблице. Полосатый стол? включен по умолчанию с цвет светло-серый (#eee) полосы вы можете изменить. вы также устанавливаете стол Цвет фона, Внутренняя подкладка ячейки, граница с типом, шириной и цветом, и Граница радиус для закругленных углов.
- Себры ряды: продолжайте наносить полосы на длинные столы, чтобы за строками было легко следить.
- Границы: сплошные, пунктирные, пунктирные или двойные линии вокруг клеток.
- Закругленные углы: Граничный радиус смягчает край стола.
Адаптивный стол на мобильном телефоне
Адаптивный стол? сидит в разделе Настройки и по умолчанию включен На устройствах шириной до 768px строка заголовка скрыта, каждая строка становится картой, и каждая ячейка показывает имя своего столбца в виде метки. расписание из пяти столбцов превращается в список карт, которые вы прокручиваете вниз, поэтому никому не приходится прокручивать вбок.
- Сложенные карты: по одной карте в строке, с именем столбца слева и значением справа.
- Выравнивание для каждого устройства: выравнивание заголовка и тела имеет свои собственные значения для планшетов и мобильных устройств.
- Выключите его: таблица держит свою сетку на телефонах. широкие таблицы затем бегут мимо края экрана, так что держите их до трех или четырех столбцов.
HTML-код таблицы против виджета динамической таблицы
Без табличного виджета обычный способ добавить таблицу в Elementor - это написать HTML самостоятельно в HTML-виджет. Вот как это соотносится с виджетом.
| Особенность | HTML-виджет с собственным кодом | Динамическая таблица главных аддонов |
|---|---|---|
| Цена | Свободный (ядро Элементатора) | Бесплатно |
| Строки и столбцы здания | Записать теги таблицы, tr и td | Элементы ретранслятора на панели |
| Стайлинг | Своя CSS | Элементы управления вкладками стиля |
| Объединённые ячейки | атрибуты colspan и rowspan | Поля "Пролет столбцов" и "Пролет рядов" |
| Значки и изображения в ячейках | Вставить наценку | Библиотека значков или медиатека |
| Динамические теги | Нет | Да, одно значение на ячейку |
| Макет телефона | Свои медиазапросы | Строки складываются в карты |
| Сортировка, поиск, импорт CSV | Нужен сценарий или плагин | Нет |
Если вам нужна сортировка, поиск, нумерация страниц или импорт CSV, лучший выбор - выделенный плагин таблицы, такой как TablePress. Для стилизованной таблицы, которую вы редактируете внутри Elementor, виджет сохраняет вам написание HTML и CSS.
Связанный: Таблица цен (бесплатно), Таблица сравнения (Про) и Динамические теги (бесплатно).
Что может и чего не может сделать этот виджет таблицы данных Elementor
Динамическая таблица - это таблица данных для строк, которые вы вводите. Вот что она делает и где останавливается.
| Особенность | Динамическая таблица |
|---|---|
| Строки и столбцы, введенные в панель | Да |
| Слияние ячеек (пролет столбцов и пролет строк) | Да |
| Значки и изображения в ячейках | Да |
| Динамические теги | Да, одно значение на ячейку |
| Полосатые ряды | Да |
| Пользовательская ширина столбца | Да |
| Мобильный штабелирование | Да, на 768px и ниже |
| Сортировка | Нет |
| Поиск | Нет |
| Пагинация страниц | Нет |
| Импорт CSV или Excel | Нет |
Какой настольный инструмент вам нужен?
Таблица означает несколько различных вещей в Elementor поиск.Выберите инструмент по тому, что вы строите.
| Что вы строите | Лучший инструмент |
|---|---|
| Простая таблица, такая как расписание, спецификация, прайс-лист или расписание | Динамическая таблица |
| Большие данные, которые требуют сортировки, поиска, нумерации страниц или импорта CSV | TablePress, размещенный с виджетом Elementor Shortcode |
| Планы и цены рядом | Таблица цен |
| Сравнение функций планов или продуктов | Таблица сравнения (Про) |
| Часы работы | Деловые часы |
Связанный: Продвинутая гармонь за длинные ответы, которые не поместились бы в клетке, и Динамические теги для заполнения ячеек из постданных.
Примеры таблиц Элементор
Три таблицы ниже являются живые виджеты Динамический стол, а не скриншоты Откройте эту страницу на телефоне, чтобы увидеть каждый из них стека в карты. больше макетов, включая меню ресторана и сравнение плана, находятся в демо-просмотрщике под ними.
Расписание занятий
Еженедельное расписание с пятью колонками На телефоне каждый класс становится своей картой.
| Время | Класс | Инструктор | Студия | Пространства |
|---|---|---|---|---|
| Пн 07:00 | Поток Виньяса | Алина Петрова | Студия 1 | Осталось 4 |
| Пн 18:30 | Сила и кондиционирование | Дэн Осей | Тренажерный зал этаж | Полный |
| Вт 09:30 | Пилатес реформатор | Марта Силва | Студия 2 | Осталось 2 |
| Ср 12:15 | Экспресс ХИИТ | Дэн Осей | Тренажерный зал этаж | Осталось 9 |
| Чт 19:00 | Инь и восстановить | Алина Петрова | Студия 1 | Осталось 11 |
| Сб 10:00 | Начинающие барре | Яра Хаддад | Студия 2 | осталось 6 |
Системные требования
Три столбца, сравнивающие минимальные и рекомендуемые значения, обычную форму листа спецификаций.
| Компонент | Минимум | Рекомендуется |
|---|---|---|
| вордпресс | 6,0 | 6.6 или новее |
| php | 7.4 | 8.2 |
| Элементор | 3.16 | 4.2 или новее |
| MySQL/МарияDB | 5,7 /10,3 | 8,0 /10,6 |
| Предел памяти PHP | 128 МБ | 256 МБ |
| max_input_vars | 1000 | 3000 |
| HTTPS | Необязательно | Требуется для проверки лицензий |
Тарифы доставки
Прайс-лист по месту назначения и сервису, с выключенной полосой и световым заголовком.
| Пункт назначения | Сервис | Время доставки | Бесплатно | Стоимость |
|---|---|---|---|---|
| материк Великобритании | Отслеживается Королевская почта 48 | 2 — 3 рабочих дня | 40 фунтов стерлингов | 3,95 фунта стерлингов |
| материк Великобритании | ДПД на следующий день | Следующий рабочий день | 120 фунтов стерлингов | 6,95 фунтов стерлингов |
| Хайлендс и острова | Отслеживается Королевская почта 48 | 3 — 5 рабочих дней | 60 фунтов стерлингов | 7,50 фунтов стерлингов |
| Ирландская Республика | ДПД Ирландия | 2 — 4 рабочих дня | 150 фунтов стерлингов | 11 фунтов стерлингов |
| ЕС | ДХЛ Европа | 3 — 6 рабочих дней | — | 14,50 фунтов стерлингов |
| Остальной мир | ДХЛ Экспресс | 5 — 10 рабочих дней | — | 24 фунта стерлингов |
Как сделать стол в Элементоре
На панели Элементор виджет называется Динамическая таблица.
- Установите главные дополнения для Elementor и проверьте это Динамическая таблица включается в настройках виджета Master Addons.
- Отредактируйте свою страницу с помощью Elementor, найдите Динамическая таблица и перетащите его в. Он начинается с выборочной таблицы из четырех столбцов.
- В Столовая Голова, добавьте один Ячейка заголовка таблицы по столбцу и введите каждый Имя столбца.
- В Тело стола, добавить один элемент на ячейку слева направо Включите Новый ряд? на первой ячейке каждого ряда после первого.
- Использовать Пролет колонны или Рядный пролет на вкладке Параметры ячейки для объединения ячеек.
- Украсьте таблицу на вкладке "Стиль" и оставьте Адаптивный стол? на таком стек строк на телефонах, затем обновить страницу.
Часто задаваемые вопросы для динамической таблицы
Есть ли в Elementor табличный виджет?
Не в самом Elementor, бесплатно или Pro. Master Addons добавляет один бесплатно: виджет Dynamic Table строит таблицу из заголовка и клеток тела на панели.
Отзывчив ли стол на мобильных устройствах?
Да, с адаптивной таблицей? включен, что по умолчанию На устройствах шириной до 768px каждая строка стекает в карту и каждая ячейка показывает свое название столбца в качестве метки.Выключите его, чтобы сохранить нормальную раскладку таблицы на телефонах.
Могу ли я использовать динамические данные в ячейках?
Да, одно значение на ячейку. текст заголовка и тела принимает динамические теги, включая бесплатные Master Addons Динамические теги, такие как заголовок сообщения, пользовательское поле и авторская информация. виджет не создает строку для каждого сообщения, поэтому каждая строка по-прежнему создается вручную.
Есть ли у Elementor Pro виджет таблицы?
Нет. Elementor Pro добавляет виджет таблицы цен для планов, но ни основной плагин, ни Pro не имеют виджета для строк и столбцов данных. Вам нужен виджет-аддон, такой как динамическая таблица, плагин таблицы или ваш собственный HTML.
Могу ли я сделать таблицу в Elementor без плагина?
Да. Вставьте таблицу HTML в виджет HTML и стилизуйте ее с помощью собственного CSS или разложите строки с помощью контейнера Grid. Оба работают для небольших таблиц, хотя каждое изменение означает редактирование кода или множество отдельных виджетов.
Что произойдет, если я добавлю очень длинный текст в ячейку?
Текст заворачивается внутрь ячейки. включите пользовательскую ширину на вкладке "Параметры ячейки", чтобы исправить ширину столбца, и поднимите внутреннюю подкладку ячейки, если строки кажутся тесными.
Могу ли я выделить одну колонку, как популярный план?
Не с единой настройкой. цвета применяются ко всему заголовку или всему телу. Для таблиц плана Таблица цен виджет (бесплатно) имеет опцию "Выделить" и Таблица сравнения виджет (Pro) создан для сравнения планов.
Могу ли я сортировать, искать или импортировать CSV в таблицу?
Нет. виджет не имеет сортировки, поиска, нумерации страниц или импорта CSV. Для них используйте плагин таблицы данных, такой как TablePress, и поместите его короткий код на страницу.
Могу ли я использовать TablePress внутри Elementor?
Да. Постройте таблицу в TablePress, скопируйте ее короткий код, например [идентификатор таблицы=1 /], и вставьте его в виджет Elementor Shortcode.Этот маршрут подходит для длинных таблиц, которые нуждаются в сортировке, поиске или нумерации страниц.
Могу ли я вставить таблицу из Excel или Google Sheets?
Нет. Каждая ячейка является отдельным элементом на панели, поэтому вставленный блок попадает в одну ячейку. Введите ячейки по одной или импортируйте файл в TablePress, который читает файлы CSV и Excel.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Дубликатор сообщений/страниц
