How to set grid height to 100%

[puyopuy]

Hi,

I'm modifying Row Template sample to put three grids horizontally.  My questions are:

1. How can I set the height of the grid to the height of my browser?  I tried to change the grid height to 100% but it does not work.
                           rowTemplate: kendo.template($("#rowTemplate").html()),
                           height: 100%
2. In my case, three grids cannot fit in my screen a scroll bar showing at the bottom as expected. When I testing my modified version on my iphone and swiping the grid's body, I expect the content will move but it does not.  If I swiping the grid's header the content moved.  Just wonder how can I move the content when swiping the grid's body.

Thank you very much for your time.
puyo