ウジグリ角スクロール問題

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>