Я нахожусь в проекте, где мне нужно использовать PrimeNG для создания таблиц, и у меня проблема с определением ширины первого столбца.
В моем HTML-коде у меня есть что-то вроде:
<p-datatable styleClass="myTable">
<p-column>
</p-column>
...
</p-datable>
И в моем CSS, у меня есть что-то вроде:
.myTable td:nth-child(1) {
width:300px;
}
Также я пробовал использовать следующий HTML:
<p-datatable>
<p-column styleClass="col1">
</p-column>
...
</p-datable>
И в моем CSS:
td.col1 {
width: 300px;
}
И я также tr.ui-widget-content ui-datatable-even
код и увидел класс строки tr.ui-widget-content ui-datatable-even
и попробовал следующий CSS:
tr.ui-widget-content ui-datatable-even td:nth-child(1) {
width: 500px !important;
}
И, кажется, ничего не работает.
Может кто-нибудь сказать мне, если это возможно, чтобы определить ширину столбца и, если так, как я могу это сделать?