將角度滾動條添加到非標題行中

Question

我對角度表中的代碼有以下代碼。我只需要一個垂直滾動條用於表格主體（不包括表頭的表格行）我該怎麼做？

由於所有行都是由ng-repeat生成的。我不知道如何添加溢出風格。

添加額外div以包裝所有非標題行會破壞表格佈局，並且所有行都顯示在第一列中。

http://jsfiddle.net/HB7LU/10741/

<div class="nu-table"> 
     <div class="nu-table-row nu-header"> 
      <div class="nu-table-cell">A</div> 
      <div class="nu-table-cell">B</div> 
      <div class="nu-table-cell">C</div> 
     </div> 
     <div class="nu-table-row nu-striped pointer-cursor" ng-repeat=" map in mapList"> 
      <div class="nu-table-cell" ng-bind="map.A"></div> 
      <div class="nu-table-cell">{{map.B}}</div> 
      <div class="nu-table-cell" ng-bind="map.C"></div> 
     </div> 
    </div> 

Answer 1

您可以再次嘗試將它們全部包裹成<div style="display: table-row-group">

根據documentation這會像<tbody>，你可以在那裏添加一個滾動條。

當然，風格必須移動到您的樣式表