Angular Kendo 网格不可滚动,并允许高度适合行内容?
Angular Kendo Grid to be Non-Scrollable, and allow height to fit the Row Contents?
如何使 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>
gendo 网格的两个版本,一个可滚动,另一个不可滚动。您不需要为网格设置任何高度。
您需要做的是检查网格周围的情况。您能否提供一个重现这种情况的 stackblitz 示例?
如何使 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>
gendo 网格的两个版本,一个可滚动,另一个不可滚动。您不需要为网格设置任何高度。
您需要做的是检查网格周围的情况。您能否提供一个重现这种情况的 stackblitz 示例?