Раньше, чтобы добавить в приложение Bubble таблицу (строку заголовка, повторяющиеся строки данных), нужно было придумывать повторяющуюся группу.

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

Как работает элемент Table

Вот краткая сводка того, что нужно знать:

  1. Элемент Table — это новый контейнер, похожий на повторяющуюся группу, за исключением того, что в таблицах повторяется не отдельная ячейка, а ряд ячеек.
  2. Он состоит из столбцов, одной или нескольких статических строк (которые удобны для заголовков таблиц) и набора повторяющихся строк, которые настраиваются для получения динамического содержимого.
  3. Столбцы аккуратно выравнивают содержимое в ячейках каждой строки.
  4. Как и в случае с группой повторов, можно задать фиксированное количество повторяющихся строк или использовать динамическое количество строк для отложенной загрузки данных по мере прокрутки пользователем.

В нашей прошлой статье мы рассказали о том, как добавить ИИ в приложение Bubble. Это может быть полезно.

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

В чем разница

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

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

Элемент Table предлагает несколько дополнительных функций, которые еще больше упрощают настройку и обслуживание таблиц:

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

Когда использовать таблицы, а когда группы

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

Например:

  • списки, для которых требуется только один столбец
  • дизайн открыток
  • товары на торговой площадке.

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

Примеры:

  • везде, где нужно, чтобы конечные пользователи могли видеть список товаров, прикрепленных к их учетной записи (история заказов, списки пожеланий и т. д.).
  • результаты поиска
  • таблицы цен и списки продуктов или услуг
  • панели мониторинга
Большой практикум
ЗАМЕНИ ВСЕ НЕЙРОСЕТИ НА ОДНУ — PERPLEXITY
ПОКАЖЕМ НА КОНКРЕТНЫХ КЕЙСАХ
  • Освой Perplexity и узнай, как пользоваться функционалом остальных ИИ в одном
  • УЧАСТВОВАТЬ ЗА 0 РУБ.
  • Расскажем, как получить подписку (240$) бесплатно
Участвовать бесплатно
ОНЛАЙН-ПРАКТИКУМ
ЗАПУСК DEEPSEEK R1 ЛОКАЛЬНО НА СВОЕМ КОМПЬЮТЕРЕ
ЧТО БУДЕТ НА ОБУЧЕНИИ?
  • ПОКАЖЕМ, КАК РАЗВЕРНУТЬ МОДЕЛЬ DEEPSEEK R1 ПРЯМО НА СВОЁМ КОМПЬЮТЕРЕ
Участвовать бесплатно