Normal <grid id="parent"> <rows> <row> <panel id="panel1"> <panelchildren> <grid id="grid1"> <rows> <row>Row1</row> <row>Row2</row> </rows> </grid> </panelchildren> </panel> </row> <row> <panel id="panel2"> <panelchildren> <grid id="grid2"> <rows> <row>Row1</row> <row>Row2</row> </rows> </grid> </panelchildren> </panel> </row> </rows> </grid>
When we have this structure, the background colors of rows of grid with id="grid2" are not alternating. All of them have background color same as the background color of the row in the grid with id="parent". This is only happening when we use panels and affects only the rows of the parent grid marked as "odd".