홈>2020-02-26 13:19

css - p-datatable rowStyleClass는 모든 행의 스타일을 지정하지 않습니다

<p-dataTable [rowStyleClass]="rowStyler" etc> 를 사용하고 있습니다 내 구성 요소의 메소드는 다음과 같습니다.

 newRowFormat(rowData, rowIndex) {
    return('newRow');
  }

컴포넌트 CSS에서 클래스 newRow는 다음과 같습니다 :

:host /deep/ .newRow {
  background-color: gold;
}

결과는 모든 행에 해당 클래스가 적용되어야 할 때 테이블의 다른 모든 행이 금색으로 표시됩니다. 긴 이야기이지만 클래스가 다른 모든 행이 아닌 모든 단일 행에 적용되기를 바랍니다.

아이디어?

답변 # 1
글쎄, 해결책은 (적어도 지금은) 금지 된 !important 를 사용하는 것으로 판명되었습니다 규칙 :
```
:host /deep/ .newRow {
  background-color: gold!important;
}
```
정말 마음에 들지 않거나 작동하는 이유를 이해하지 않아도 작동합니다. PrimeNG 스타일을 재정의하려고하면 :host /deep/ 를 사용해야합니다. 뿐만 아니라 !important 이 경우