Angular 的 Kendo UI：如何在网格中定义最小宽度

Posted 2023-05-07

【中文标题】Angular 的 Kendo UI：如何在网格中定义最小宽度

【英文标题】：Kendo UI for Angular: how to define min-width in grid

【发布时间】：2021-08-04 19:00:59

【问题描述】：

在这个用于 Angular 网格的 Kendo UI 中，我用width: 100px 定义了列。我现在需要的是用min-width 而不是width 定义列。这可能吗？

<kendo-grid 

    [kendoGridBinding]="data"
    [resizable]="true"
    [sortable]="true"
    filterable="menu">
    
    <kendo-grid-column
        *ngFor="let col of columns"
        [title]="col.title"
        field="col.field"
        filter="col.filter"
        [width]="100"
        [class]="'alignRight': col.alignRight ">
    </kendo-grid-column>

</kendo-grid>

【参考方案1】：

请尝试使用minresizablewidth 输入属性，例如：

<kendo-grid 

[kendoGridBinding]="data"
[resizable]="true"
[sortable]="true"
filterable="menu">

<kendo-grid-column
    *ngFor="let col of columns"
    [title]="col.title"
    field="col.field"
    filter="col.filter"
    [width]="100"
    [minResizableWidth]="80"
    [class]="'alignRight': col.alignRight ">
</kendo-grid-column>

确保用户无法使用 UI 调整列的大小（示例中不小于 80 像素）。