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

Question

我有一个 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-窗格和 Kendo windows（Kendo windows 的输出在 link https://angular-xuadgj.stackblitz.io/ and Stackblitz code is given in https://stackblitz.com/edit/angular-xuadgj?file=src%2Findex.html) ，但对输出不满意。

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

Answer 1

我在 Whosebug 解决方案中通过 Kendo grid 选择了 方法 2。 kendo window 的第一个解决方案无法限制高度，因为它显示空格。我们可以通过设置 [scrollable]="false".

来更改 Kendo 分隔窗格的可滚动属性

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

How to Resize (both height and width) KendoGrid in Angular?(Not the Column resizing)

html

css

telerik-grid

kendo-grid

angular