PrimeNg改变p列宽度

Question

我正在一个项目中,我需要使用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并尝试了CSS ..

tr.ui-widget-content ui-datatable-even td:nth-child(1) {
    width: 500px !important;
}

似乎没有任何工作.任何人都可以告诉我是否可以定义列的宽度,如果是肯定的,我该怎么做？

谢谢你的回复......

Answer 1

您可以手动定义宽度,试试这个:

<p-column [style]="{'width':'300px'}" </p-column>