Кнопка настройки таблицы

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

С чего начать

Установите библиотеку

npm install @diasoft/qpalette-table-addons

Импортируйте модуль кнопки настроек:

import {QTableSettingsModule} from '@diasoft/qpalette-table-addons';
 
imports: [
  ...
  QTableSettingsModule,
  ...
]

Встройте кнопку в шапку последнего столбеца:

Настройки

Добаление кастомных настроек

<q-table-settings
  [qtsTable]="settingsTable"
  [qtsMenuModel]="tableSettingsMenuItems"
></q-table-settings>

Значения стандартных настроек

<q-table-settings
  [qtsTable]="settingsTable"
  (qtsOnColChange)="showInfo($event)"
  (qtsOnSizeChange)="showInfo($event)"
></q-table-settings>

Пример

{{ htmlExample }}