Ag-grid создает свое собственное сообщение

Question

Я бы хотел создать собственное сообщение / предупреждение и отобразить его вместо строк с данными в определенной ситуации. Прямо сейчас у нас есть сообщения ag-grid «загрузка» и «no-row-to-show», и мы можем настроить их, но я хотел бы создать сообщение другого типа, которое может информировать пользователя о том, что мы не отображаем данные, потому что некоторые критерии не были выполнены. Это возможно?

Answer 1

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

Для этого вам необходимо обновить разметку ag-grid-angular с помощью следующих атрибутов

[overlayLoadingTemplate]="overlayLoadingTemplate"
[overlayNoRowsTemplate]="overlayNoRowsTemplate"

И укажите шаблон в компоненте, как показано ниже

this.overlayLoadingTemplate =
  '<span class="ag-overlay-loading-center">Please wait while your rows are loading</span>';
this.overlayNoRowsTemplate =
  "<span style=\"padding: 10px; border: 2px solid #444; background: lightgoldenrodyellow;\">This is a custom 'no rows' overlay</span>";

Вы можете предоставить сообщение в самом шаблоне.

Вот пример для ag-grid .