PrimeNg p-sütun genişliğini değiştir

Question

Masalar yapmak için PrimeNg kullanmam gereken bir projedeyim ve ilk sütunun genişliğini tanımlamakta sorun yaşıyorum. Benim html kodunda

bir şey gibi vardır:

<p-datatable styleClass="myTable"> 
    <p-column> 

    </p-column> 
    ... 
</p-datable> 

Ve benim CSS, ben bir şey:

.myTable td:nth-child(1) { 
    width:300px; 
} 

Ayrıca aşağıdaki HTML ile çalıştı:

<p-datatable> 
    <p-column styleClass="col1"> 

    </p-column> 
    ... 
</p-datable> 

Ve benim CSS:

td.col1 { 
    width: 300px; 
} 

Ve ayrıca kodlarını incelemek yaptı ve tr.ui-widget içerik ui-Datatable bile ve CSS çalıştı olan satırın sınıfını gördü ..

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

Ve işe yaramış görünmüyor . Sütun genişliğini tanımlamak mümkün olup olmadığını bana söyleyebilir ve eğer olumlu, bunu nasıl yapabilirim? El genişliği tanımlayabilir

Answer 1

tüm yanıtlar için teşekkürler ... bu deneyin:

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

Answer 2

Eğer açısal ile çalışıyorsanız, aşağıdaki ile PrimeNg stilini değiştirmek için css dosyasını güncelleyebilir örnek kod,

:host /deep/ .ui-datatable{ 
    width: 500px; 
} 

Gölge DOM hakkında bilgi için, lütfen bkz https://blog.thoughtram.io/angular/2015/06/29/shadow-dom-strategies-in-angular2.html