>

<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  이 경우

  • 이전 벡터의 요소 별 돌연변이 *는 Matlab의 행렬을 제공합니다
  • 다음 reactjs - typescript에 문제를주는 스프레드 연산자