Javascript ag grid在未找到数据时隐藏列标题下的所有内容

当我使用给定固定高度和角度的ag网格时，在显示任何数据之前，显示数据的空间（因此网格实际上）是可见的，文本“加载”。在我的例子中，这是不正确的，因为我没有将rowData绑定到Observable或Promise，所以它不是异步的。单击按钮后填充网格。我只想看到列标题，下面什么也不想看到。我的网格配置如下所示：

<ag-grid-angular
style="width: 100%; height: 335px;"
class="ag-theme-balham"
[gridOptions]="gridOptions"
[columnDefs]="columnDefs"
[rowData]="rowData"
animateRows
rowSelection="multiple"
>

---

所以我想隐藏整个网格，除了列标题，直到rowData为空数组。有办法做到这一点吗？

只是为了澄清一下，我使用ag grid和React，但两者之间有许多相似之处。在这里，您可以做两件事：

您可以控制加载时显示的文本，或者如果没有包含的数据，则可以控制显示的文本

非常感谢：）第一个解决方案似乎很完美，因为当出现更多行时，我需要实现垂直滚动，但autoheight不允许滚动网格。因此，使用覆盖层的解决方案更好

    [overlayLoadingTemplate]="<span></span>"
    [overlayNoRowsTemplate]="<span></span>"

[domLayout]="autoHeight"