如何在 Angular 中调整 KendoGrid 的大小（高度和宽度）？（不是调整列的大小）答案

【问题标题】：How to Resize (both height and width) KendoGrid in Angular?(Not the Column resizing)如何在 Angular 中调整 KendoGrid 的大小（高度和宽度）？（不是调整列的大小）
【发布时间】：2020-02-19 08:59:52
【问题描述】：

我有一个 Kendo grid ，将像 Kendo-window 一样调整其大小，但有一些文档告诉您通过以下命令调整列大小 - [resizable] 和 [minResizableWidth] ，例如：-

<kendo-grid [kendoGridBinding]="gridData" [resizable]="true" style="height: 300px">

<kendo-grid-column-group title="Product Info">
                <kendo-grid-column
                    field="ProductID"
                    [width]="50"
                    [minResizableWidth]="30"
                    title="ID">
                </kendo-grid-column>
</kendo-grid-column-group>

</kendo-grid>

有没有像[minResizableWidth]这样的命令来标记<kendo-grid>？

我尝试使用 Kendo-panes 和 Kendo windows（Kendo windows 的输出在此链接 https://angular-xuadgj.stackblitz.io/ 中给出，Stackblitz 代码在 https://stackblitz.com/edit/angular-xuadgj?file=src%2Findex.html 中给出），但对输出不满意。

预期输出：Resizable KendoGrid，其宽度和高度必须通过拖动鼠标按钮来控制。

【问题讨论】：

你可以试试telerik.com/kendo-angular-ui/components/grid/advanced-features/…
@Aditya 还是一样的效果..

标签： html css angular kendo-grid telerik-grid

【解决方案1】：

我在 Stackoverflow 解决方案中选择了 Kendo grid 的方法 2。剑道窗口的第一个解决方案不能限制高度，因为它显示空白。我们可以通过设置 [scrollable]="false" 来更改 Kendo 拆分器窗格的可滚动属性。

【讨论】：