ApeekFlow
  • Платформа Apeekflow
  • С чего начать
    • Начало работы
    • Создаем первое приложение
    • Шаблоны проектов
  • Настройки платформы
    • Профиль
    • Библиотека запросов
    • Источники данных
      • Базы данных
        • PostgreSQL
        • MongoDB
        • MySQL
        • Redis
        • Microsoft SQL Server
        • MariaDB
      • AI сервисы
      • App Development
        • REST API
        • ApeekFlow REST API
      • Messaging
      • Assets
        • Хранилище файлов S3
      • Websocket
      • Сервисы
        • Google Sheets
    • Настройки
      • Рабочие пространства
      • Пользователи и группы
      • Расширенные настройки
        • Сторонние библиотеки
        • Импорт UMD библиотек
    • Корзина
  • Конструктор приложений
    • Обзор
      • Приложения
      • Модули
      • Приложение или модуль
      • Навигационная панель
      • Массовое редактирование
      • Управление слоями
      • Использвание Markdown
      • Горячие клавиши
    • Каталог компонентов
      • Общие настройки компонентов
      • Тост нотификации
      • Components
        • Table
        • Cascader
        • Link
        • Float Button
        • Form
        • JSON Schema Form
        • JSON Editor
        • JSON Explorer
        • Rich Text Editor
        • Input
        • Password
        • Number Input
        • Text Area
        • Auto Complete
        • Switch
        • Checkbox
        • Radio
        • Slider
        • Range Slider
        • Form Button
        • Icon Button
        • Dropdown
        • Toggle Button
        • Rating
        • Select
        • Multiselect
        • Tree
        • Tree Select
        • Text Display
      • Calendar
        • Calendar
        • Timer
        • Date
        • Date Range
        • Time
        • Time Range
      • Layout
        • Responsive Layout
        • Page Layout
        • Column Layout
        • Float Text Container
        • Content Card
        • Tabbed Container
        • Collapsible Container
        • Container
        • List View
        • Grid
        • Modal
        • Drawer
        • Divider
        • Navigation
        • Segmented Control
        • Tour
      • Multimedia
        • File Upload
        • File Viewer
        • Image
        • Image Carousel
        • Audio
        • Video
        • Shapes
        • Lottie Animation
        • Icons
        • Image Editor
        • Color Picker
        • QR Code
        • Scanner
      • Graphs
        • Basic Chart
        • Candlestick Chart
        • Funnel Chart
        • Gauge Chart
        • Graph Chart
        • Heatmap Chart
        • Radar Chart
        • Sankey Chart
        • Sunburst Chart
        • Theme River Chart
        • Tree Chart
        • Treemap Chart
        • Geo Map Charts
        • Mermaid Chart
        • Timeline
        • Progress
        • Progress Circle
      • Collaboration
        • Avatar
        • Avatar Group
        • Comment
      • Integration
        • Page
    • Кастомизация и код
      • Настройка стилей компонентов
      • Temporary State
      • Transformers
      • Data responder
      • Event handlers
      • Выполнение запросов
        • Привязка данных запроса к компонентам
      • Использование Javascript
        • JavaScript запросы
        • Встроенные функции JS
        • Работа с датой и временем в Day.js
    • Антипатерны
  • Релиз менеджмент
    • Версионирование запросов
    • Версионирование приложений
    • Доступ до приложений
    • Публикация приложений
  • Безопасность
    • Основная информация
    • IP адреса облака
    • Права доступа до объектов
Powered by GitBook
On this page
  • Описание
  • Свойства
  1. Конструктор приложений
  2. Каталог компонентов
  3. Components

Table

PreviousComponentsNextCascader

Last updated 2 months ago

Описание

Table – Компонент, представляющий собой структуру для отображения данных в строках и столбцах, которые образуют сетку. Используется для организации и представления больших объемов данных в удобочитаемой и структурированной форме, что позволяет пользователям легко понимать и анализировать данные.

Свойства

Данные JSON для таблицы/

Название
Описание

Данные / Data

Набор данных, который будет отображаться в таблице

Столбцы/

Название
Описание

Колонки / Columns

Определяет структуру и свойства столбцов таблицы

Взаимодействие/Interaction

Название
Описание

Обработчики событий / Event handlers

Добавьте обработчики, чтобы реагировать на изменения состояния компонента

Скрыть / Hide

Введите "true", чтобы скрыть компонент

Загрузка / Loading

Указывает, находится ли таблица в состоянии загрузки. Установите true, чтобы показать, что данные загружаются, и false, когда загрузка завершена

Показывать спиннер во время загрузки данных / Show Spinner During Data Load

Опция для отображения индикатора загрузки (спиннера) в процессе загрузки данных

Выбрать режим / Selection Mode

Определяет режим выбора строк в таблице:

- Single - Разрешает выбор только одной строки за раз.

- Multi - Позволяет выбирать несколько строк одновременно.

- Close - Выбор строк недоступен.

Текст поиска / Search Text

Предоставляет возможность поиска по таблице и отображения поля ввода для фильтрации данных на основе введенного текста

Summary

Название
Описание

Показать итоговую строку (строки) / Show Summary Row(s)

Опция для отображения строк или строки с подведением итогов в конце таблицы

Insert Rows

Название
Описание

Добавить новую строку (строки) / Add New Row(s)

Опция, позволяющая пользователям добавлять новые строки данных в таблицу

Панель инструментов

Название
Описание

Позиция / Position

Определяет расположение таблицы на странице или в контейнере

Фиксированная панель инструментов / Fixed Toolbar

Опция для закрепления панели инструментов таблицы, чтобы она оставалась видимой независимо от прокрутки

Показать кнопки сохранения или отмены / Show Save or Cancel Buttons

Отображает кнопки сохранения и отмены для действий, выполняемых пользователем внутри таблицы

Показать кнопку фильтра / Show Filter Button

Добавляет кнопку для фильтрации данных в таблице

Показать кнопку обновления / Show Refresh Button

Отображает кнопку для обновления данных в таблице

Показать кнопку загрузки / Show Download Button

Добавляет кнопку для скачивания данных таблицы в разных форматах

Сепаратор колонн / Column Separator

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

Показать кнопку настройки столбцов / Show Column Settings Button

Позволяет пользователю настраивать видимость и порядок столбцов

Layout

Название
Описание

Размер таблицы / Table Size

Определяет размер таблицы

Высота / Height

Устанавливает высоту таблицы, может быть фиксирована или автоматической

Показать горизонтальную полосу прокрутки / Show Horizontal Scrollbar

Опция для отображения горизонтальной полосы прокрутки, если содержимое таблицы превышает доступную ширину

Фиксированный заголовок таблицы / Fixed Table Header

Закрепляет заголовок таблицы, чтобы он оставался видимым при прокрутке вниз

Скрыть заголовок таблицы / Hide Table Header

Скрывает заголовок таблицы, если он не нужен

Ширина столбца настраивается пользователем / User-Resizable Column Width

Позволяет пользователю изменять ширину столбцов по своему усмотрению

Показывать ручки изменения размера / Show Resize Handles

Отображает элементы управления для изменения размеров столбцов

Пагинация

Название
Описание

Показать быстрые перемычки / Show Quick Links

Опция для отображения быстрых ссылок или навигационных элементов внутри таблицы

Скрыть на одной странице / Hide on Single Page

Опция для скрытия навигационных элементов, если таблица умещается на одной странице

Показать кнопку изменения размера / Show Resize Button

Добавляет кнопку для изменения размера таблицы целиком

Размер страницы / Page Size

Задает количество строк, отображаемых на одной странице таблицы в режиме постраничной навигации

Общее количество строк / Total Row Count

Общее количество строк данных, что помогает в управлении постраничной навигацией и отображении полосы прокрутки

Дополнительно/Advanced

Название
Описание

Разворачиваемая / Expandable

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

Использовать настройку динамического столбца / Use Dynamic Column Configuration

Опция для автоматической настройки видимости и порядка столбцов на основе данных или пользовательских предпочтений

Стили/Style

Настройки стилей описаны в разделе Настройка стилей компонентов