I am using : <https://github.com/angular-ui/ui-grid.info/tree/gh-pages/release/3.0.0-RC.18> 

```
<div ui-grid="gridOptions" style="height:765px"></div>

```

When I hard code the value, as shown above, the grid spreads out and everything works as expected.

However, if I do the following...

```
$scope.gridStyle = 'height:'+numRows*rowHeight+'px' //(765px);
<div ui-grid="gridOptions" style="{{gridStyle}}"></div>

```

The height is printed in the div and div widens but the content itself widens to only around 340px. The space that is left is blank, so instead of 25 rows I see only 8. I have to scroll down, while there is a whole 400px free in the grid. The ui-grid-viewport and ui-grid-canvas are both not using this space...

Why can't the ui-grid-viewport use that space?