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?