PrimeNG p-datatable设置最小宽度列

Question

我有一个p-datatable响应，我需要为每列设置最小宽度。这样可以避免在调整大小时使列宽太小。 我的表是以这种方式创建的：

<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>

它不起作用。调整大小页面上的第一列小于90px。 你能帮助我吗？有什么建议吗？ 感谢大家。

Answer 1

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

在这种情况下，表的布局可能为固定，因此您无法为列设置最小宽度或最大宽度。

Answer 2

就像@opt SD表示更改一样

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

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