NG-Grid make full screen

Question

We are using angular ng-grid as we require the sorting, etc functionality,

However, we would like it to be full screen, ie to use the browser scroll if off the screen etc. But basically 100% width, and height to match the number of rows.

We are only returning around max 50 items, so its never going to be massive amounts of data to display.

We can't seem to find anything regarding this.

Answer 1

You could try this:

.ngViewport.ng-scope{
    height: auto !important;
    overflow-y: hidden;
}

.ngTopPanel.ng-scope, .ngHeaderContainer{
    width: auto !important;
}

Quick Plunker here.

Note: This is not my solution, but a solution mentioned by eithankw as a response on a ng-grid issue here.