uigrid angular scrolling issue
<p>strange thing happening here. I'm using a uigrid (not my first) and it's only displaying data on half it's 'canvas'.</p>

<p><a href="https://i.stack.imgur.com/Ub1sV.jpg" rel="nofollow">Display</a></p>

<p>When I scroll, it keeps the blank part of the grid and scrolls the data side. </p>

<p>Html:</p>

<pre><code>            &lt;div class="col-md-12" ng-controller="ctrl.Import"&gt;
&lt;h4&gt;Please drop a file into the 'Files' tab, then use the 'Data' tab to validate and upload.&lt;/h4&gt;
&lt;uib-tabset&gt;
    &lt;uib-tab heading="Files"&gt;
        ...select files here
    &lt;/uib-tab&gt;
    &lt;uib-tab heading="Data"&gt;
        &lt;div class="tab-content"&gt;
            &lt;h4 class="page-header mt0"&gt;Import file&lt;/h4&gt;
            &lt;div ui-grid="gridData"
                 ui-grid-resize-columns
                 ui-grid-selection&gt;
            &lt;/div&gt;
        &lt;/div&gt;
</code></pre>

<p>Script:</p>

<pre><code>    $scope.gridData = {
        enableRowSelection: true,
        enableRowHeaderSelection: true,
        enableSorting: true,
        enableColumnMenus: false,
        multiSelect: false,
        modifierKeysToMultiSelect: false,
//      enableColumnResizing: true,
        noUnselect: true
    };
</code></pre>

<p>Thanks for your help!</p>