改变 ng-table 的高度

Question

我正在使用 ng-table 根据 json 数据动态创建 tables。 Ng-tables 会根据行数自动调整高度。

有没有一种方法可以固定 table 的大小，因此所有这些都是相同的大小，基于具有最大行数（最大高度）的 table ？

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 here

改变 ng-table 的高度

Changing the height of ng-table

html

web

angularjs

ngtable