PrimeNg p-columnはtdにcssを適用しない

Question

私はp-dataTableを使用していますが、tdにスタイルを適用したいのですが、このスタイルはフィールドの値に依存していますそれ。私のコードは次のとおりです。

<p-dataTable [value]="cars" resizableColumns="true" [responsive]="true" reorderableColumns="true"> 
    <p-column [styleClass]="carStyle" field="carDesc"></p-column> 
    <p-column styleClass="ui-model-car" field="carModelDesc"></p-column> 
    <p-column styleClass="ui-width-icon-car"> 
    <template let-col let-item="rowData" pTemplate type="body"> 
     <div data-toggle="tooltip" data-placement="left" title="{{item.typeCarDesc}}"> 
      <span class="icon-circle {{item.typeCarIcon}} {{item.carColor}}"></span> 
     </div> 
    </template> 
    </p-column> 
</p-dataTable> 

carStyleが空またはUI-なしのボーダートップと私のCSSのようになります。

td.ui-without-border-top {border-top-style: hidden;} 

私のhtmlで私はcarStyleが表示されていないコードを生成しました。私はtdのスタイルが必要です。

Answer 1

この場合、<td>にのcarStyleクラスが追加されているかどうか確認してください。

私は私は何の問題もなくこれをしなかった方法を紹介します：

私のテンプレートで：

<p-column styleClass="col-button"> 

そして、私のSCSS：

table { 
    tbody 
    { 
     td.col-button { 
      text-align: center; 
     } 
    } 
} 

はそれがなくて働いてどれだけのためにスクリーンショットの下を参照してください。問題：

コードを確認して、もう一度やり直してください。問題が解決しない場合は、問題の手引きで投稿してください。