css - 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;
}

そして、何も機能していないようです。

列の幅を定義することが可能かどうか教えてもらえますか?もしそうなら、どうすればそれを行うことができますか?

score 23 · Accepted Answer

幅を手動で定義できます。これを試してください：

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

2 に答える 2