Définir la largeur d'une colonne de table à la taille de la largeur de l'en-tête

Question

Utilisez primeng2 datatable et je voudrais configurer la largeur de la colonne à la taille de l'en-tête.

Donc, dans mon html j'ai:

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

Comme ci-dessus en définissant la largeur à 100% ne définit pas la largeur de la colonne à la taille d'en-tête.

Quoi d'autre dois-je ajouter?

Answer 1

Vous devez définir la largeur de la table d'abord, puis sur ng-conteneur au lieu de le mettre sur l'étiquette de la colonne:

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

DEMO - c'est un exemple, pas votre code réel