Что такое виджет интерактивной таблицы?
  • 31 Oct 2023
  • 2 Минуты для чтения
  • Авторы

Что такое виджет интерактивной таблицы?


Вводный текст

Вот как добавить и изменить виджет "Интерактивная таблица

В этой статье вы узнаете...

  • Что такое виджет "Интерактивная таблица"?
  • Как использовать виджеты интерактивных таблиц

Примечание: Для использования этого руководства может оказаться полезным понимание того, как создать таблицу. Если вы еще не делали этого, обратитесь к этому отдельному руководству.

Добавление виджета "Интерактивная таблица

Виджет "Интерактивная таблица" находится в меню Embed на панели инструментов.

Источник данных

Виджет "Интерактивная таблица" может быть использован для визуализации данных из следующих источников:

  • Переменная: Любая переменная в приложении (переменная должна представлять собой массив объектов).
  • Tulip Table: Существующая таблица Tulip Table.
  • Запрос к таблице Tulip Table: Запрос в таблице Tulip Table для возврата отфильтрованных записей.

Связанная запись / переменная

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

Столбцы

Чтобы добавить столбцы, выберите их из выпадающего списка, чтобы добавить их по одному. Столбцы представлены столбцами в выбранной таблице Tulip Table, Table Query или ключами объектов в выбранной переменной.

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

Обертывание текста

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

Чтобы включить обертывание текста в заголовке и тексте записи, переключите переключатели в контекстной панели.

Text Wrap.png

Кнопка выбора

Кнопка выбора может быть добавлена в виджет интерактивной таблицы, чтобы обеспечить дополнительную ясность в том, какая строка выбрана, если был добавлен связанный Placeholder/Variable.

Фильтры

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

Сортировка

Сортировка интерактивной таблицы по определенному столбцу может быть настроена с помощью опции "Сортировать по" в порядке возрастания или убывания (в зависимости от типа данных). Также можно добавить несколько способов сортировки по столбцам виджета таблицы.

Столбцы, уже добавленные в опции " Сортировать по ", также могут быть отсортированы в плеере. Чтобы изменить сортировку, щелкните на значке ^.

Индекс строки

В виджет интерактивной таблицы может быть добавлен индекс строки для указания количества строк в левой части. Количество строк зависит от содержимого, активно отображаемого или выводимого виджетом.

Строки на страницу

Здесь можно настроить количество строк на странице виджета "Интерактивная таблица". Увеличение количества строк сверх определенного числа добавит виджету функцию вертикальной прокрутки.

Триггеры

Триггеры могут быть настроены на запуск при выборе строки в виджете "Интерактивная таблица". Чтобы добавить триггер, нажмите кнопку + рядом с надписью Trigger в меню свойств виджета.

Триггеры могут использовать информацию из выбранной строки, задавая связанную запись/переменную и используя ее в теле триггера.

Размер шрифта и пагинация Размер шрифта

Размер шрифта данных, отображаемых в таблице, и размер меток номеров страниц можно настроить в меню свойств виджета.

Дополнительное чтение


Вы нашли то, что искали?

Вы также можете зайти на community.tulip.co, чтобы задать свой вопрос или узнать, сталкивались ли другие с подобным вопросом!


Была ли эта статья полезной?