홈>
<p-dataTable [rowStyleClass]="rowStyler" etc>
를 사용하고 있습니다
내 구성 요소의 메소드는 다음과 같습니다.
newRowFormat(rowData, rowIndex) {
return('newRow');
}
컴포넌트 CSS에서 클래스 newRow는 다음과 같습니다 :
:host /deep/ .newRow {
background-color: gold;
}
결과는 모든 행에 해당 클래스가 적용되어야 할 때 테이블의 다른 모든 행이 금색으로 표시됩니다. 긴 이야기이지만 클래스가 다른 모든 행이 아닌 모든 단일 행에 적용되기를 바랍니다.
아이디어?
- 답변 # 1
관련 질문
- angular : scss 파일로 primeng 기본 스타일 재정의
- css : 예상대로 매트 선택 높이와 너비를 설정하는 방법은 무엇입니까?
- javascript : p-드롭 다운이 레이블을 올바르게 표시하지 않습니다.
- javascript : 아이콘을 표시하려면 마우스를 가져 가세요? Angular 2+
- javascript : 하위 구성 요소에서 태그 스타일을 변경하는 방법은 무엇입니까?
- css : 각도 재질 스낵바 색상 변경
- html : 지연로드 된 각도 앱의 전역 스타일을 루트 앱에서 분리하는 방법은 무엇입니까?
- html : Angular Material Text-area Placeholder 및 텍스트 정렬 문제
- Angular에 CSS 파일을 추가 할 때 MIME 유형 오류
- javascript : CSS 드롭 다운 애니메이션 dellay
글쎄, 해결책은 (적어도 지금은) 금지 된
!important
를 사용하는 것으로 판명되었습니다 규칙 :정말 마음에 들지 않거나 작동하는 이유를 이해하지 않아도 작동합니다. PrimeNG 스타일을 재정의하려고하면
:host /deep/
를 사용해야합니다. 뿐만 아니라!important
이 경우