Как работают таблицы в Bubble и их отличия от повторяющихся групп

Обновлено: июль 2026

Таблица в Bubble — это элемент Table: контейнер, который повторяет не одну ячейку, а целую строку ячеек. Он состоит из колонок, одной или нескольких статических строк (обычно это шапка) и повторяющихся строк с данными из источника. Повторяющаяся группа повторяет одну ячейку и даёт больше свободы в вёрстке. Table берут там, где данные ложатся в колонки, повторяющуюся группу — где не ложатся.

Коротко, что важно знать до того, как рисовать таблицу:

• элемент Table доступен, если приложение обновлено до Bubble версии 21 и выше, а страница использует responsive engine;
• новая таблица создаётся с тремя колонками и четырьмя строками, верхняя строка — статическая;
• статические строки не зависят от источника данных и их можно закрепить при прокрутке;
• повторяющиеся строки редактируются только в верхней строке, остальные повторяют её автоматически;
• и таблица, и повторяющаяся группа работают только в веб-приложениях: в нативных мобильных приложениях Bubble их нет.

Что такое элемент Table и как устроена таблица в Bubble

Table — контейнер для вывода списка в структурированном виде с колонками. Как и повторяющаяся группа, он повторяет своё содержимое для каждой записи списка, но заточен под табличные данные: строки, колонки, закреплённая шапка. В справке Bubble элемент описан как способ показать список в column-based layout — списки пользователей, каталоги товаров, финансовые отчёты, админ-панели.

Прежде чем искать Table в панели элементов, проверьте два условия из той же справки: приложение должно быть на версии Bubble 21 и выше (версии переключаются в Settings — Versions), а страница — использовать responsive engine. Если элемента нет в списке, дело обычно в этом, а не в тарифе.

Внутри таблица делится на два типа строк:

• Статические строки не привязаны к источнику данных: элементы внутри них выводятся ровно один раз. Обычно там заголовки колонок, но туда же кладут строку итогов или фильтры — всё, что не должно повторяться вместе со списком. Статических строк может быть несколько.
• Повторяющиеся строки — место, где живут данные. Содержимое первой повторяющейся строки дублируется для каждой записи источника; в редакторе такая строка помечена символом ∞. Редактируется только верхняя строка, остальные подхватывают изменения.

Данные внутри строки достаются выражением Current cell — так же, как в повторяющейся группе. Если Type of content — Post, то заголовок поста в строке это Current cell’s Post’s title. Отличие таблицы от большинства контейнеров: источником данных ей нужен именно список, а не одна запись.

Вывод: Table не заменяет повторяющуюся группу, а разделяет то, что раньше приходилось смешивать вручную — неповторяемую шапку и повторяемые данные.

Если вы собираете на Bubble не просто витрину данных, посмотрите разбор, как добавить ИИ в приложение на Bubble — таблица хорошо ложится на вывод результатов работы модели.

ОНЛАЙН-ПРАКТИКУМ

ЗАПУСК нейросети DEEPSEEK R1 ЛОКАЛЬНО НА СВОЕМ КОМПЬЮТЕРЕ

ЧТО БУДЕТ НА ОБУЧЕНИИ?

• ПОКАЖЕМ, КАК РАЗВЕРНУТЬ МОДЕЛЬ нейросети DEEPSEEK R1 ПРЯМО НА СВОЁМ КОМПЬЮТЕРЕ
• Где и как применять? Потестируем модель после установки на разных задачах
• Как дообучить модель под себя?

Участвовать бесплатно

Чем таблица в Bubble отличается от повторяющейся группы

Оба элемента делают одно и то же — повторяют содержимое для каждой записи списка. Разница в том, как это содержимое расставляется и какие настройки для этого есть.

Вывод: если в макете есть шапка и колонки одинаковой ширины — таблица экономит время. Если ячейки разной высоты и свободной вёрстки — повторяющаяся группа остаётся единственным вариантом.

Как собрать таблицу в Bubble: пошагово

Порядок действий:

1. Нарисуйте таблицу на странице. Bubble создаст её с тремя колонками и четырьмя строками, верхняя строка будет статической.
2. Задайте данные. Выделите таблицу, укажите Type of content — тип данных, например User или Post, и Data source — выражение, возвращающее список, например Do a search for Users. Второй способ — не задавать источник на странице, а подавать список действием Display list in a repeating group or table в воркфлоу: это нужно, когда содержимое зависит от действий пользователя (фильтр, поиск).
3. Заполните шапку. Кликните в ячейки статической строки и положите туда текстовые элементы с названиями колонок.
4. Заполните первую повторяющуюся строку. Всё, что вы туда положите, повторится для каждой записи. Ссылайтесь на данные через Current cell’s [Тип]’s [поле], например Current cell’s User’s name.
5. Достройте структуру. Колонка добавляется правым кликом по колонке — Add column to left или Add column to right, либо наведением между колонками и кликом по плюсу. Статическая строка — правым кликом по строке и Add row above / Add row below. Удаляются колонки и строки через правый клик и Delete (у колонки есть ещё крестик над её маркером). Последнюю колонку удалить нельзя: в таблице должна остаться хотя бы одна.
6. Настройте количество строк с данными. Повторяющиеся строки поштучно не добавляются. Если включён чекбокс Set fixed number of repeating rows, число строк задаёте вы; если выключен — Bubble покажет столько строк, сколько элементов в источнике.
7. Закрепите шапку. У строки и колонки есть свойство Make column/row sticky — элемент прилипает к верху или к краю таблицы при прокрутке.

Строки, колонки и ячейки в таблице — самостоятельные объекты со своими свойствами. Изменения в верхней повторяющейся строке применяются ко всем строкам ниже, изменения в колонке — ко всем строкам этой колонки, включая статические. Несколько строк или колонок выделяются кликом с зажатым Shift, но не все свойства меняются пакетно.

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

Когда в Bubble нужна таблица, а когда повторяющаяся группа

Справка Bubble формулирует выбор так.

Таблица — когда у данных понятная колоночная структура, нужны заголовки, которые остаются на месте при прокрутке, содержимое строк должно быть выровнено по колонкам автоматически, а макет ближе к электронной таблице или дата-гриду, чем к ленте карточек. Типичные сценарии из блога Bubble: история заказов, результаты поиска, таблицы цен и списки услуг, дашборды, списки пользователей в админке.

Повторяющаяся группа — когда дизайн гибкий и не раскладывается на строки и колонки: карточки, masonry-сетки, списки с картинками и текстом разной длины. Там же остаются одноколоночные списки и витрины маркетплейса.

У повторяющейся группы есть настройки, которых у таблицы нет: Rows в режиме Fit to content (группа растёт под весь список, внутренней прокрутки нет), Fill container (занимает всё доступное место внутри родителя и прокручивается внутри себя), плюс горизонтальная прокрутка для каруселей и masonry-режим. Это и есть та гибкость, ради которой её продолжают использовать.

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

Пагинация, сортировка и производительность таблиц в Bubble

Постраничный вывод у таблицы штатный: поставьте фиксированное число строк и добавьте на неё действия Show next page, Show previous page и Go to page. Отдельная опция Show partial list on last page разрешает последней странице показать меньше строк, чем задано, если записей не хватает на полную страницу. Это важно проверить: без неё последняя страница может выглядеть пустой на месте недостающих строк.

Сортировка и фильтрация делаются на уровне данных, а не элемента. Если источник — Do a search for, ограничения и порядок задаются прямо в поиске; для любых списков работают операторы :sorted by и :filtered. Логика та же, что в реляционных базах, и если вы приходите в no-code из SQL, будет знакомо — мы разбирали это в материале о том, как использовать подзапросы и временные таблицы.

По производительности справка даёт три ориентира. Первый: вложенные списки стоят дорого — каждая родительская строка выполняет собственный запрос для вложенного содержимого, поэтому таблицу в таблице документация называет возможной, но нежелательной. Второй: для повторяющихся групп с длинными списками жёсткого лимита элементов нет, но большие списки бьют по производительности — рекомендуется подгружать записи постепенно через extended vertical scrolling или ограничивать выборку условиями поиска. Третий: сама по себе таблица приложение не ускоряет — скорость определяют объём данных и сложность выражений, а помогают ограничение числа строк и пагинация.

Здесь же обычно всплывает разница в подходах: у таблицы «подгрузка по мере прокрутки» не описана как отдельная настройка, есть фиксированное число строк и постраничная навигация. Если вам нужен бесконечный скролл — это сценарий повторяющейся группы.

Разбор таких развилок — половина работы на Bubble, и на курсах Зерокодера по разработке без кода их проходят на своих проектах, а не на демо-данных.

Ограничения таблиц в Bubble, о которых стоит знать заранее

• Только веб. Элемент Table в нативных мобильных приложениях Bubble недоступен; повторяющиеся группы там тоже не работают, для списков используются другие элементы. Планируете мобильное приложение — закладывайте это на старте, как и выбор платёжного сценария.
• Нельзя удалить последнюю колонку. В таблице должна остаться хотя бы одна.
• Пустой источник данных. Повторяющиеся строки просто исчезают, статические остаются видимыми. Заглушку «ничего не найдено» нужно добавлять условием.
• Кликабельность. Строку можно сделать кликабельной свойством Make clickable и повесить на неё событие An element is clicked. Колонки и ячейки напрямую кликабельными не делаются — воркфлоу вешают на дочерний элемент внутри ячейки и обращаются к Current cell’s [Тип].
• Экспорт. Встроенной выгрузки у таблицы нет. Данные под ней выгружаются действием Download data as CSV — кнопку экспорта собирают на том же источнике, что и таблица.

Ни одно из этих ограничений не смертельно, но каждое всплывает уже в середине сборки, когда переделывать дороже.

Частые вопросы о таблицах в Bubble

Почему у меня в редакторе нет элемента Table?

По справке Bubble элемент требует версии приложения 21 и выше и страницы на responsive engine. Версия приложения переключается в Settings — Versions.

Можно ли сделать несколько строк шапки?

Да, статических строк может быть несколько, и каждую можно закрепить при прокрутке свойством Make column/row sticky.

Как сослаться на запись в строке таблицы?

Через выражение Current cell, как в повторяющейся группе: если Type of content — Post, то заголовок это Current cell’s Post’s title.

Что быстрее — таблица или повторяющаяся группа?

Справка Bubble не даёт преимущества ни одному элементу: производительность определяется объёмом данных и сложностью выражений, а ограничение числа строк и пагинация помогают обоим.

Можно ли вложить таблицу в таблицу?

Технически можно, но документация не рекомендует: каждая родительская строка выполняет свой запрос для вложенного содержимого, и на больших наборах данных это заметно бьёт по производительности.

Работает ли таблица в мобильном приложении на Bubble?

Нет. Элемент Table доступен только в веб-приложениях.