PrimeNG p-datatable 设置最小宽度列答案

【问题标题】：PrimeNG p-datatable set min width columnsPrimeNG p-datatable 设置最小宽度列
【发布时间】：2019-08-26 00:54:44
【问题描述】：

我有一个响应式 p 数据表，我需要为每列设置最小宽度。这是为了避免在调整大小时列宽太小。我的表是这样创建的：

<p-dataTable [value]="listValue" scrollable="true" scrollHeight="200px" [loading]="loading" [responsive]="true">
     <p-column field="first" [style]="{'min-width':'90px'}">
          <ng-template pTemplate="header">
                  <span title="My first Column">My first Column</span>
          </ng-template>
    </p-column>
    ....
</p-dataTable>

它不起作用。在调整页面大小时，第一列变得小于 90 像素。

【问题讨论】：

你应该试试这个代码使用类来设置最小-最大宽度。https://stackoverflow.com/questions/51075942/how-set-primeng-data-table-columns-auto-fit

标签： primeng

【解决方案1】：

检查当前表格的布局（table-layout CSS 属性）

在这种情况下，您的表格布局可能是FIXED，您无法为列设置最小宽度或最大宽度。

【讨论】：

【解决方案2】：

就像@opt SD 所说的改变

.ui-table table {
    table-layout: unset
}

然后将最小宽度设置为表格标题

【讨论】：

这会破坏表格标记 - 表格单元格的宽度与标题不同（在 9.1.3 版中）。