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

- Прямо в эфире решим типичные задачи программиста только с помощью ChatGPT
- Возможности Python — расскажем что можно делать и сколько на этом зарабатывать?
- Что ждет рынок программирования и почему мы решили сюда пойти
В чем разница
Эти два типа элементов имеют много общих характеристик и редактируются практически одинаково: элементы, помещаемые в одну ячейку, будут повторяться для каждой записи, указанной в источнике данных.
Например, мы загружаем список типа данных «Пользователь» в таблицы или повторяющиеся группы и помещаем текстовый файл. Этот файл ссылается на адрес электронной почты клиента текущей ячейки. В итоге мы увидим, что в каждой строке будет отображаться адрес электронки этой записи в базе данных.
Элемент Table предлагает несколько дополнительных функций, которые еще больше упрощают настройку и обслуживание таблиц:
- Можно предотвратить влияние источника данных элемента на одну или несколько статических строк в верхней части таблицы. Это полезно для создания заголовков столбцов.
- Статические строки можно сделать прикрепленными, то есть они будут оставаться вверху при прокрутке записей ниже.
- Есть возможность добавлять и удалять строки и столбцы, что упрощает внесение изменений в общую структуру таблицы по мере необходимости.
- Строки и столбцы можно копировать и вставлять.
- В таблицах есть столбцы, которые обеспечивают идеальное выравнивание содержимого внутри строк.
Когда использовать таблицы, а когда группы
Повторяющиеся группы хороши для отображения информации списка более гибким с точки зрения дизайна способом.
Например:
- списки, для которых требуется только один столбец
- дизайн открыток
- товары на торговой площадке.
Таблицы лучше подходят, когда нужно сочетание статических и повторяющихся строк. К тому же, с ними быстрее работать, когда есть необходимость настроить структуры, подобные электронным таблицам, со строками, несколькими столбцами и заголовком.
Примеры:
- везде, где нужно, чтобы конечные пользователи могли видеть список товаров, прикрепленных к их учетной записи (история заказов, списки пожеланий и т. д.).
- результаты поиска
- таблицы цен и списки продуктов или услуг
- панели мониторинга
- Освой Python и нейросети и узнай, как гарантированно получить первые 10 заказов
- УЧАСТВОВАТЬ ЗА 0 РУБ.
- Создай и прокачай собственного чат-бота
- Подарим подборку бесплатных инструментов для написания кода