如何截断过长的列表并添加滚动条

代码是这样的

<div id="airtable">

<table class="mdui-table mdui-table-hoverable mdui-ripple" style="height: 128px;">

<thead>

<tr>

<th>呼号</th>

<th>应答</th>

</tr>

</thead>

<tbody id="airtbody"></tbody>

</table>

</div>

我的方法是用jquery获取数据并动态添加进#airtbody

但是我发现列表中内容过多时不会自动截断添加滚动条（即使我加了style="height:128px;overflow-y:auto"）

我不希望整个页面出现滚动条(因为#airtable左边是一张地图）有办法添加滚动条吗？