how to visually separate row in grid layout


I am using gridlayout where i am adding component to make table like structure.Now i want to visually seperate each row using css. but i am unable to do that .Can anyone help me?

Tahnking you


unfortunately it’s not that easy. If you examine the GridLayout with e.g. Firebug you’ll notice there are no actual rows in the hierarchy, but just individual components.

One way to do it is add an extra row between each real row, add there a Label (with no text content) which fills the whole row (uses all the columns) and then style the label accordingly (e.g. 1px height and certain bg-color).