テーブルの列の幅をヘッダの幅のサイズに設定します

Question

primeng2データテーブルを使用していますが、ヘッダのサイズにカラムの幅を設定したいと思います。私が持っている私のhtmlでそう

：100％に幅を設定することにより、上記のよう

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

は、ヘッダサイズに列の幅を設定しません。

追加する必要があるものは何ですか？

Answer 1

あなたが最初のテーブルの幅を設定し、代わりに列タグにそれを設定したNG-コンテナにする必要があります

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

DEMO - それは、一例ではなく、あなたの実際のコード