ExtJS 4 - 개별적으로 CSS를 그리드 헤더에 적용하십시오.

Question

그리드에서 일부 CSS를 헤더에 적용하려고합니다 (헤더 자체 만 - 전체 열 제외). 상당히 쉬울 것입니다. 그러나 생각할 수는 없었습니다.

그리드가 포함 된 jsFiddle here을 설정했습니다. Name 헤더를 굵게 표시하고 DOB 헤더를 빨간색으로 표시하고 싶습니다.

도움을 주시면 감사하겠습니다.

Answer 1

열 정의에서 cls의 주석을 제거하면 바이올린에서 작동합니다.

Answer 2

은 CSS에서 이것을 시도 :

.x-column-header-text{color:blue;} 

사용 개별적으로 헤더를 변경 :

.x-column-header:nth-child(2){color:red;} 
.x-column-header:nth-child(1){font-weight:bold; color: black;} 

: http://jsfiddle.net/6en2r/1/

은 n 번째 자식 선택기를 언급하는 것을 잊었다 : 검사가

.x-column-header-text#gridcolumn-1011-textEl{color:blue;} 
.x-column-header-text#gridcolumn-1012-textEl{color:red;}