p-datatable - 改变列宽

Question

我正在使用 PrimeNG 数据表。我想更改列的宽度。

<p-dataTable [value]="client" sortField="order">
    <p-column field="name" header="Name">
        <template let-col let-client="rowData" let-ri="rowIndex" pTemplate="body">
            <span>{{client[col.field]}}</span>
        </template>
    </p-column>
    <p-column field="id" styleClass="id-width">
        <template let-col let-client="rowData" let-ri="rowIndex" pTemplate="body">
            <button pButton type="button" icon="fa fa-pencil" iconPos="left" (click)="edit(client[col.field])"></button>
        </template>
    </p-column>
</p-dataTable>

在 id 列中，我输入了 styleClass="id-width"，在 css 文件中，我输入了以下内容：

.id-width {
    width: 49px;
}

但是，根据下图，宽度保持不变。两列保持相同大小。

Answer 1

我找到了解决方案：

属于： <p-column field="id" styleClass="id-width">

收件人： <p-column field="id" [style]="{'width':'49px'}">

p-datatable - 改变列宽

p-datatable - Change of width of column

angular

primeng