Kendo UI for Angular: 如何在网格中定义最小宽度

Question

在这个 Kendo UI for Angular 网格中，我用 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>

Answer 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 调整列的大小（示例中不小于 80px）。