Ag-grid 创建自己的自定义消息

【问题标题】：Ag-grid create own custom messageAg-grid 创建自己的自定义消息
【发布时间】：2018-05-11 19:39:37
【问题描述】：

我想创建我自己的自定义消息/警报并在某些特定情况下显示它而不是带有数据的行。现在我们在 ag-grid 'loading' 和 'no-rows-to-show' 消息中，我们可以自定义它们，但我想创建不同类型的消息，可以通知用户我们不显示数据，因为有些没有达到标准。有可能吗？

【问题讨论】：

标签： ag-grid ag-grid-ng2

【解决方案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>";

您可以在模板本身中提供消息。

这里是the example on ag-grid 。

【讨论】：