如何使用IE8中的RowExpander插件使用ExtJS stripeRows

Question

我使用的是ExtJS 4.2.1，並且使用stripeRows有一個網格，因此這些行交替出現灰色和白色。我也在使用RowExpander插件。在Chrome和IE9 +中，一切看起來都很棒。但是，在IE8中，所有行的擴展行背景顏色都是白色的。這使得條紋看起來很糟糕。

我試圖添加自定義CSS樣式擴展單元格背景，但網格的動態填充，我不知道有多少行要在它和IE8不支持：第n個孩子CSS，所以我只能設置所有擴展單元的背景顏色，而不是其他所有。

有沒有人想過如何做到這一點？謝謝！

我也無法將jQuery包含到此應用程序中，因此任何替換nth-child的jQuery解決方案都不會成爲選項。

Answer 1

Got it！由於內線生成網格的每一行作爲一個表，在網格中的每一條紋行標記的樣子：

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

可以使用鄰近的孩子CSS選擇器IE8的風格該行的背景顏色帶條紋行的說明：

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