Changement de p-largeur de colonne
Je suis dans un projet où j'ai besoin d'utiliser PrimeNG à faire des tables et j'ai un problème avec la définition de la largeur de la première colonne.
Dans mon code HTML, j'ai quelque chose comme:
<p-datatable styleClass="myTable">
<p-column>
</p-column>
...
</p-datable>
Et dans mon CSS, j'ai quelque chose comme:
.myTable td:nth-child(1) {
width:300px;
}
Aussi, j'ai essayé avec le code HTML suivant:
<p-datatable>
<p-column styleClass="col1">
</p-column>
...
</p-datable>
Et dans mon CSS:
td.col1 {
width: 300px;
}
Et j'ai aussi fait inspecter le code et vu la classe de la ligne qui est tr.ui-widget-content ui-datatable-even
et j'ai essayé le code CSS suivant:
tr.ui-widget-content ui-datatable-even td:nth-child(1) {
width: 500px !important;
}
Et rien ne semble fonctionner.
Quelqu'un peut me dire si il est possible de définir la largeur de la colonne et, si oui, comment puis-je le faire?
- Plus de lecture sur le remplacement angulaire css: concretepage.com/angular-2/...
Vous devez vous connecter pour publier un commentaire.
Vous pouvez définir la largeur manuellement, essayez ceci:
width
n'a pas réellement besoin d'être entre guillemets, mais si vous essayez de centrer le texte puistext-align
doit être entre guillemets[style]="{width: '180px', 'text-align': 'center'}"
[responsive]="true"
. Voir aussi forum.primefaces.org/...Si vous travaillez avec angulaire, vous pouvez mettre à jour le fichier css pour modifier PrimeNg style avec l'exemple de code suivant,
Pour plus d'informations sur le Shadow DOM, veuillez vous référer https://blog.thoughtram.io/angular/2015/06/29/shadow-dom-strategies-in-angular2.html