更改ng-table的高度

Question

我基于json数据使用ng-table动态创建表.Ng表根据行数自动调整高度.

有没有办法可以修复表的大小,所以它们都具有相同的大小,基于具有最大行(最大高度)的表？

Answer 1

您可以通过将table标记包装在div中,然后为该包装div赋予高度来实现.给height和width包装div也给overflow-y:scroll

CSS

#scrollable-area {
  margin: auto;
    width: 80%;
    height: 150px;
    border: 2px solid #ccc;
    overflow-y: scroll; /* <-- here is what is important*/
}

HTML

   <div id="scrollable-area">
          <table ng-table="tableParams" class="table">
          </table>
    </div>

Plunkr在这里