IE8에서 RowExpander 플러그인으로 ExtJS stripeRows를 사용하는 방법

Question

저는 ExtJS 4.2.1을 사용하고 행이 회색과 흰색으로 바뀌도록 stripeRows를 사용하는 격자가 있습니다. 나는 또한 RowExpander 플러그인을 사용하고있다. Chrome과 IE9 +에서는 모든 것이 멋지게 보입니다. 그러나 IE8에서는 확장 된 행 배경색이 모든 행에 대해 흰색입니다. 이것은 스트라이핑을 끔찍하게 보입니다.

맞춤 CSS를 추가하여 확장 된 셀 배경을 스타일에 추가하려고 시도했지만 격자가 동적으로 채워지고 얼마나 많은 행이 들어갈 지 모르며 IE8은 지원하지 않습니다. nth-child CSS를, 그래서 나는 모든 다른 세포가 아니라 모든 확장 된 세포에 대한 배경 색상을 설정할 수있었습니다.

이 작업을 수행하는 방법을 알고있는 사람이 있습니까? 고맙습니다!

또한이 애플리케이션에 jQuery를 포함 할 수 없으므로 nth-child를 대체 할 jQuery 솔루션이 옵션이되지 않습니다.

Answer 1

알 수 있습니다. 내선 테이블로 그리드의 각 행을 생성하기 때문에, 그리드의 각 줄무늬 행의 마크 업 보이는 같은 :

<tbody> 
    <tr class="x-grid-row-alt"> //normal striped row 
    <tr class="x-grid-row-body-hidden"> //expanded row (collapsed) 
</tbody> 

당신은 행의 배경 색상 스타일을 IE8에 인접한 - 자식 CSS 선택기를 사용할 수 있습니다

줄무늬 행 설명 :

.x-grid-row-alt + tr { 
    background-color: #f00; 
}