Question

当我在Angular中使用给定固定高度的ag-grid时，在显示任何数据之前，将以文本“加载”显示显示数据的空间（实际上是网格）。就我而言，这是不正确的，因为我没有将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为空数组为止。有办法吗？

Answer 1

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

您可以控制加载时显示哪些文本，或者使用

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

由于您当前在网格的线型中设置了固定高度，因此该高度始终为335px。将其设置为非静态对象后，可以将此道具添加到网格中，它将根据内部数据更改网格的高度。

[domLayout]="autoHeight"

如果未找到数据，则将ag-grid隐藏列标题下的所有内容

1 个答案: