I'm trying to create a Kendo Grid in Angular that is Non-Scrollable and adjusts its height to fit the row contents. However, my current implementation is not working as expected, as it still gives me a fixed height.
<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>