我基于json数据使用ng-table动态创建表。 Ng表根据行数自动调整高度。
有没有办法可以修复表的大小,所以它们都是相同的大小,基于具有最大行(最大高度)的表?
答案 0 :(得分:5)
您可以将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>