홈>
<p-dataTable [rowStyleClass]="rowStyler" etc>
를 사용하고 있습니다
내 구성 요소의 메소드는 다음과 같습니다.
newRowFormat(rowData, rowIndex) {
return('newRow');
}
컴포넌트 CSS에서 클래스 newRow는 다음과 같습니다 :
:host /deep/ .newRow {
background-color: gold;
}
결과는 모든 행에 해당 클래스가 적용되어야 할 때 테이블의 다른 모든 행이 금색으로 표시됩니다. 긴 이야기이지만 클래스가 다른 모든 행이 아닌 모든 단일 행에 적용되기를 바랍니다.
아이디어?
- 답변 # 1
관련 질문
- css : Angular 12 업데이트 후의 인라인 스타일
- html : 앵귤러 재료 클래스 매트 앱 -배경이있는 배경 : 고정
- javascript : SVG 곡선에 요소를 배치하는 방법?
- angular : 기존 one을 확장하여 각도에서 구성 요소 라이브러리를 작성하는 방법
- angular : Primeng Control
접근성이 작동하지 않음 - css : 각도 매트 패널 위치 변경을 피하는 방법 미친 대화 상자에 영향을 미칩니다.
- javascript : Primeng MultiSelect, 기본적으로 모든 항목을 선택하십시오
- angular : Primeng : P-Splitbutton OnClick 이벤트 Dosen't가 매번 작동하지 않습니다.
- javascript : Angular 7의 CSS를 통해 페이지 번호를 인쇄하는 방법
- html : CSS에서 곱셈 여백을 설정하는 방법이 있습니까?
글쎄, 해결책은 (적어도 지금은) 금지 된
!important를 사용하는 것으로 판명되었습니다 규칙 :정말 마음에 들지 않거나 작동하는 이유를 이해하지 않아도 작동합니다. PrimeNG 스타일을 재정의하려고하면
:host /deep/를 사용해야합니다. 뿐만 아니라!important이 경우