uigrid eckigen Scrollen Problem

Question

seltsame Sache passiert hier. Ich benutze ein uigrid (nicht mein erstes) und es zeigt nur Daten auf der Hälfte ist es "Leinwand".

Display

Wenn ich bewegen, hält sie den leeren Teil des Gitters und blättert die Seitendaten.

Html:

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

Script:

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

Vielen Dank für Ihre Hilfe!

Answer 1

Wir hatten ein ähnliches Problem und Workaround ist zu berechnen und definieren Rasterhöhe basierend auf der Anzahl der Elemente innerhalb des Gitters gerendert wird.

oder unten Stil hinzufügen = "{height: auto}"

<div ui-grid="gridData" 
    ui-grid-resize-columns 
    ui-grid-selection 
    style="{height:auto}"> 
</div>