css - Angular Kendo Grid 不可滚动，并允许高度适合行内容？

Question

如何使 Angular 中的 Kendo 网格不可滚动，并允许高度适合行内容？

这目前不起作用，它仍然给我一个固定的高度。

<kendo-grid [data]="propertyViews" [style.height.%]="100"
  [selectable]="false"
  [filterable]="false"
  scrollable="none"
  [sortable]="false"
  [pageable]="false"
  [loading]="loadingData">

<kendo-grid-column field="fullName" title="Full Name" [width]="80">
    <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
        <div>{{dataItem.ownerCombinedname}}</div>
    </ng-template>      
</kendo-grid-column>
<kendo-grid-column field="address" title="Mailing Address" [width]="40">
    <ng-template kendoGridCellTemplate let-dataItem let-rowIndex="rowIndex">
        <div>{{dataItem.address}}</div>
    </ng-template>
</kendo-grid-column>
</kendo-grid>

Answer 1

看看 stackblitz here

两种版本的 gendo 网格，一种可滚动，另一种不可滚动。您不需要为网格设置任何高度。

您需要做的是检查网格周围的情况。您能否提供一个重现这种情况的 stackblitz 示例？