uigrid угловая прокрутка вопрос

Question

странная вещь происходит здесь. Я использую uigrid (не мой первый), и он отображает данные только наполовину, это «холст».

Display

Когда я прокручиваю, он держит пустую часть сетки и прокручивает сторону данных.

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> 

Сценарий:

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

Спасибо за вашу помощь!

Answer 1

У нас была аналогичная проблема, и обходной путь - вычислять и определять высоту сетки в зависимости от количества элементов, отображаемых внутри сетки.

или добавить ниже стиль = "{высота: авто}" ​​

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