홈>
나는 홀수를주고 심지어 다른 백그라운드 색상을주고 싶은 테이블을 가지고 있습니다. 일반적으로, 당신은 그를 사용할 수 있습니다이상한
과조차
이것을위한 변수. 그러나 이제는 이제 내 테이블 행을 구축하고 있습니다.NG-컨테이너
따라서 반복 당 하나 이상의 행을 조건부로 만들 수 있습니다. 이 경우 모든 반복은 변수에 따라 1 또는 2 행을 만듭니다.
<ng-container *ngFor="let detailof data.details; let odd= odd;"> <tr [ngClass]="{ 'k-alt': odd}"> <td> {{ detail.number1 }}
</td> <td> {{ detail.number2 }}
</td> <td> {{ detail.number3 }}
</td> </tr> <tr *ngIf="detail.conditionalVariable" [ngClass]="{ 'k-alt': odd}"> <td></td> <td>{{ detail.conditionalVariable }}</td> <td></td> </tr></ng-container>
보시다시피, 모든 반복으로 인해 행이 다른 백그라운드로 표시되며 홀수 변수가* ngfor.
그NG-컨테이너
요소.
를 사용할 때 각 행을 다른 배경색으로 줄 수있는 방법이 있습니까?NG-컨테이너
조건부 행을 사용하여?
예, 특정 색상의 모든 홀수 행은 다른 색상의 모든 행을 모두 행합니다.
Bv2022021-09-16 01:08:36요청한대로 다른 색상으로 이미지를 첨부하십시오. 그래서 우리는 더 나은 아이디어가 있습니다.
Sandip - Full Stack Developer2021-09-16 01:08:36이 : i.stack.imgur.com/dfrhr.jpg.
Bv2022021-09-16 01:08:36첨부 된 이미지는 홀수, 심지어 색상이며 이미 완료 한 것입니다.
Sandip - Full Stack Developer2021-09-16 01:08:36관련 자료
- html - 인라인 텍스트를 중앙에 배치 할 수 없습니다 색상이 다른 한 단어 만 있으면됩니다하지만 모든 인라인 텍스트를 중앙에 배치하지는 않습니다
- python 3.x - 다른 색상의 선 플롯 마커 만들기
- python - 각 장고 모델 선택에 대해 다른 색상을 어떻게 지정합니까?
- python - plotly - 각 변수에 대해 다른 스타일과 색상으로 선 플롯을 만드는 방법은 무엇입니까?
- ls - zsh - tar 파일을 흰색과 다른 색상으로 표시하도록 ls_color를 설정하는 방법은 무엇입니까?
- html - 하나의 CSS 파일에서 다른 색상 테마를 사용하는 방법
- html - 테두리가 가득 차 있지만 각 항목마다 다른 색상
- MATLAB Figure의 일부 샘플을 다른 색으로 색칠하기
- html - PHP 함수를 사용하여 생성 된 각 에 다른 bg 색상을 부여하는 방법은 무엇입니까?
- python - 강조 표시된 항목에 대한 QListWidget 항목 다른 색상
- javascript - 발행 날짜와 만료 날짜를 비교하여 카드에 다른 색상 표시 Angular 7
- visual studio code - 편집기 배경 이외의 설정 창에 다른 배경색을 설정하는 방법
- r - 다른 색상 채널의 플롯을 ggplot2와 병합하는 방법
트렌드
- OpenCv의 폴더에서 여러 이미지 읽기 (python)
- 파이썬 셀레늄 모든 "href"속성 가져 오기
- html - 자바 스크립트 - 클릭 후 변경 버튼 텍스트 변경
- javascript - 현재 URL에서 특정 div 만 새로 고침/새로 고침
- JSP에 대한 클래스를 컴파일 할 수 없습니다
- JavaScript 변수를 HTML div에 '출력'하는 방법
- git commit - 자식 - 로컬 커밋 된 파일에 대한 변경을 취소하는 방법
- jquery - JavaScript로 현재 세션 값을 얻으시겠습니까?
- javascript - swiperjs에서 정지, 재생 버튼 추가
- python - 화면에서 찾은 요소를 찾을 수없는 경우 셀레늄
각 행이 다른 색상으로 필요합니까?
Sandip - Full Stack Developer2021-09-16 01:08:36