2017-10-16 16 views
2

J'ai utilisé le tableau de données angulaire PrimeNg dans lequel je veux afficher à la fois l'étiquette d'en-tête et de pied de page dans le tableau. Mais le pied de page n'est pas réglé correctement. Voici mon code HTML:Étiquette de pied de page sortant de la barre de défilement horizontale dans primeng datatable

<p-dataTable [value]="cars" scrollable="true" scrollHeight="200px" scrollWidth="600px" [style]="{'margin-top':'30px'}"> 
 
     <p-header>Vertical and Horizontal</p-header> 
 
     <p-column field="vin" header="Vin" footer="Vin" [style]="{'width':'250px'}"></p-column> 
 
     <p-column field="year" header="Year" footer="Year" [style]="{'width':'250px'}"></p-column> 
 
     <p-column field="brand" header="Brand" footer="Brand" [style]="{'width':'250px'}"></p-column> 
 
     <p-column field="color" header="Color" footer="Color" [style]="{'width':'250px'}"></p-column> 
 
    </p-dataTable>

enter image description here

Répondre