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 - 위젯 컨텐츠의 UI 데이터 테이블 - 짝수 및 CSS를 시도되는 행의 클래스를 보았다 ..

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

그리고 아무것도 작동하는 것 같다 . 컬럼의 너비를 정의하는 것이 가능한지 누구나 알 수 있으며, 그렇다면 어떻게 할 수 있습니까? 수동으로 폭을 정의 할 수 있습니다

Answer 1

어떤 응답을 주셔서 감사합니다 ...이 시도 :

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

Answer 2

당신은 각도로 작업하는 경우, 당신은 다음과 PrimeNg 스타일을 변경하는 CSS 파일을 업데이트 할 수 있습니다 샘플 코드,

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

그림자 DOM에 대한 자세한 내용은 참조하십시오 https://blog.thoughtram.io/angular/2015/06/29/shadow-dom-strategies-in-angular2.html