更改ng-table的高度

时间:2015-02-18 18:02:49

标签: angularjs html5 web ngtable

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

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

1 个答案:

答案 0 :(得分:5)

您可以将table标记包装在div中,然后为该包装div赋予高度。将heightwidth提交给包装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 here