Создание плоской таблицы

Для перехода в окно создания таблицы необходимо нажать на кнопку «Таблица» в правом боковом меню в режиме редактирования проекта:


Кнопка «Таблица» в правом боковом меню


После нажатия открывается окно с выбором типа таблицы. Необходимо выбрать тип «Плоская таблица»:


Окно с выбором типа таблицы


После выбора типа таблицы, открывается окно создания таблицы:


Окно с выбором типа таблицы

Окно создания таблицы 

Окно создания таблицы состоит из следующих полей:

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

Выпадающий список «Набор данных»

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


Окно с выбором типа таблицы


Поле «Столбцы»

Количество добавляемых колонок в поле - без ограничений. 

Для добавления колонки в поле следует «перетащить» необходимую колонку в поле. Данные по колонкам добавленные в поле отрисовываются без агрегации.

Для удаления колонки из поля необходимо нажать кнопку .

Фильтры

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


Добавление фильтра


Модальное окно «Фильтры» состоит из следующих полей:

  • поле «Колонка». Поле обязательно для заполнения;
  • поле «Тип Фильтра». Поле обязательно для заполнения;
  • поле «Условие». Поле обязательно для заполнения;
  • поле «Значение». Поле необязательно для заполнения.

Для сохранения настроек фильтра необходимо нажать кнопку «Применить».

Для сброса настроек фильтра необходимо нажать на кнопку «Отменить».

Поле «Сортировка»

Для добавления сортировки следует «перенести» необходимую колонку в поле «Сортировка».

Доступна множественная сортировка данных. Множественная сортировка учитывает порядок вынесенных колонок. Верхняя вынесенная колонка является первым уровнем сортировки.

Для изменения порядка сортировки необходимо нажать кнопку.

Для удаления колонки из поля необходимо нажать кнопку .

Параметр необязателен для создания виджета.

Поле «Количество записей на странице»

Параметр ограничивает количество для отрисовки данных.

Настройка таблицы 

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


Настройка таблицы


Условия форматирования

Для добавления нового правила необходимо нажать на текстовую кнопку «Новое правило». После нажатия открывается модальное окно с настройкой правила:


Условия форматирования


Модальное окно с настройкой правила включает в себя следующие параметры:

  • Цветовой градиент;
    Для настройки цветового градиента, необходимо нажать на переключатель . После нажатия отображается поле по типу селект, где необходимо выбрать колонку с числовыми показателями. Снизу от поля отображается RGB палитра, где можно настроить цвет значений и фона. Для настройки интервала окраски необходимо вручную установить начальное и конечное значение. В левом нижнем углу модального окна располагается переключатель на трехцветный градиент. После нажатия отображается еще одна палитра и еще одно поле для более детальной настройки цветовой дифференциации.

  • Поле «Колонка»;
    Поле «Колонка» предназначено для выбора колонки на которую устанавливается условие. Для выбора нужной колонки необходимо нажать на кнопкукоторая располагается в правой части поля. После нажатия открывается список имеющихся колонок. Необходимо выбрать нужную колонку. Данное поле обязательно для заполнения.

  • Поле «Условие»;
    Поле «Условие» предназначено для установления условия. Для выбора условия необходимо нажать на кнопкукоторая располагается в правой части поля. После нажатия открывается список условий. Необходимо выбрать нужное условие, которое будет применятся по выбранной колонке на предыдущем шаге. Данное поле обязательно для заполнения.

  • Поле «Значение»;
    Поле «Значение» предназначено для указания значения. Данное поле обязательно для заполнения.

  • Кнопка «Добавть колонку»;
    После нажатия на кнопку, добавится блок с выбором колонки и указания для этой колонки условия. Данный блок можно добавлять неограниченное количество раз.

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

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

После того как были выполнены все настройки необходимо нажать на кнопку . Условное форматирование колонки сохранится.

Для сброса настроек необходимо нажать на кнопку

После выполнения сохранения настроек условного форматирования по колонке, добавляется новое правило:


Условия форматирования


Для редактирования уже созданного правила, необходимо нажать на иконку . После внесения всех изменений необходимо нажать кнопку «Применить».
Для удаления уже созданного правила, необходимо нажать на иконку .

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

Отображение таблицы

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


Настройка отображения таблицы


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

  • Чекбокс «Строка поиска»;
    Регулирование отображения поля для поиска вверху таблицы.
    По умолчанию включен.

  • Чекбокс «Изменение порядка следования столбцов»;
    Изменение порядка столбцов осуществляется путем перемещения их заголовков.
    По умолчанию включен.

  • Чекбокс «Закрепление столбцов»;
    Позволяет закрепить какой-либо столбец справа или слева при прокрутке таблицы по горизонтали. Выбор варианта закрепления (справа или слева) осуществляется в контекстном меню, которое появляется после нажатия правой кнопки мыши на заголовках столбцов таблицы.
    Параметр по умолчанию включен.

  • Чекбокс «Скрытие/отображение столбцов»;
    Для скрытия столбцов необходимо нажать на соответствующую кнопку для выбора столбцов и перенести в появившееся окно какой-либо заголовок для скрытия столбца с этим заголовком из таблицы. Для отображения ранее скрытых столбцов необходимо совершить обратное действие.
    Параметр по умолчанию включен.

  • Чекбокс «Автоматическая ширина столбцов»;
    Ширина каждого столбца устанавливается на основе его содержимого.
    Параметр по умолчанию включен.

  • Поле «Минимальная ширина столбцов»;
    Минимальная ширина столбцов при изменении их ширины.
    Значение по умолчанию - 50.

  • Чекбокс «Устойчивое состояние»;
    Изменения сортировки, фильтрации, порядка, размера столбцов и другие изменения сохраняются при перезагрузке страницы.
    Параметр по умолчанию включен.

  • Чекбокс «Перенос значений»;
    Перенос значений в ячейках таблицы, если значения не помещаются по ширине.
    Параметр по умолчанию включен.

  • Чекбокс «Вертикальные линии»;
    Отображение вертикальных линий, разделяющие столбцы.
    Параметр по умолчанию включен.

  • Чекбокс «Горизонтальные линии»;
    Отображение горизонтальных линий, разделяющие строки.
    Параметр по умолчанию выключен.

  • Чекбокс «Чередование окраски строк»;
    Визуальное отображение в виде окраски строк.
    Параметр по умолчанию включен.

Сохранение

Для выполнения сохранения всех настроек следует нажать кнопку . После нажатия на кнопку плоская таблица отобразится в проекте.

Для закрытия окна создания таблицы необходимо нажать на кнопку  . После нажатия на кнопку окно создания закроется и будет осуществлен переход на страницу с проектом в режим редактирования

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

Для редактирования плоской таблицы необходимо нажать на иконку в режиме редактирования проекта. Данная иконка располагается в правом верхнем углу таблицы:


Настройка отображения таблицы


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

  • Нет меток