simple problems

i had 2 little questions that i hope will be easy to solve.

1. how can i get my graph to have alternating row colors during the virtual mode scroll. Instead of having a big blank white spot i want my grid's colors to show all the time, then the data be the only thing that takes a second to load.

2. i would like to align my grid data vertically to the top, however all my attemps have failed. this is my style section.

<style>
/*******************AW styling**************************/
.aw-grid-cell { 
  border-right: 1px solid black;
  padding-right: 1px; /* 2px = 4px - 2px */ 
  border-bottom!important: 1px solid black; 
  padding-bottom!important: 1px; /* 2px = 4px - 2px */
}

.aw-grid-header .aw-item-text {
vertical-align: bottom;
}

.aw-grid-cell .aw-item-text { 
    vertical-align: top; 
} 

.aw-rows-selected .aw-grid-cell {background: gray!important;}

.aw-alternate-even { 
    background: #fff8dc; /*Row colors go here*/
} 
.aw-alternate-odd { 
    background: #f5deb3; /*Row colors go here*/
} 
.aw-grid-headers .aw-item-box {
    background:#cdcdcd;
    border-bottom-color:#c4c4c4;
    }
.aw-grid-headers .aw-grid-header {
    background:#b7b7b7!important;
    border-bottom-color:#adadad;
    }
</style>

I would like to think things just arent in order correctly to make this happen, but i fear something worse. Thnaks in advance for the help.

>> 1

Unfortunately this is not possible as it would require to create all row elements in advance (that would be very slow if the grid has large number of rows). Currently the grid creates all elements on-the-fly as soon as the user scrolls up/down or left/right.

>> 2

The cell text in default template is centered using line-height = row height (because the AW.Templates.Cell class does not contain any inner elements, just text itself). To align text to the top you should reduce line height -

.aw-grid-cell {
    line-height: 1.2em!important;
}