Question

使用primeng2数据表，我想将列的宽度设置为标题大小。

所以在我的HTML中我有：

<p-dataTable #dtselfcollectmonthly [exportFilename]="exportname" [rows]="10" [value]="rawdatatrucks">
    <ng-container *ngFor="let col of colheaders">
        <p-column [field]="col.field" [header]="col.header" [style]="{'width':'100%'}" //setting width to 100% fails></p-column>
    </ng-container>
</p-dataTable>

如上所述，通过将宽度设置为100％，不会将列的宽度设置为标题大小。

我还需要添加什么？

Answer 1

您应首先设置表格的宽度，然后在ng-container上设置，而不是在列标记上设置它：

<p-dataTable .... [tableStyle]="{width: '380px','text-align':'center'}" ... >
  <ng-container style="width:100%" ...

DEMO - 这是一个示例，而不是您的实际代码

将表列的宽度设置为标题宽度的大小

1 个答案: