JQuery UI可调整大小<；表>；和固定高度可滚动

为大型数据集构建UI。理想情况是有一个固定高度的表格，可滚动以容纳200多行数据。另一个好处是使用jqueryui允许用户拖动表的高度以显示更多或更少的行

j到目前为止，我所掌握的知识包括：

HTML

<div>
<table>
    <tbody>
        <tr>
            <td>Clementine</td>
            <td>Bradford</td>
            <td>neque@in.org</td>
        </tr>
        ...
    </tbody>
</table>

CSS

div {
  width:100%;
  height: 100px;
  overflow-y:auto;
  overflow-x:hidden;
}
div .ui-resizable-s {
  height: 20px;
  background: red;
  cursor: s-resize;
  border: solid 1px red;
  width: 100%;
  bottom: -5px;
  left: 0;
}

那里有50%。您可以调整表格的大小，但当您滚动时，控制柄会随滚动表格一起拖动。我尝试过将

.ui-resizeable-s

设置为与div相关的绝对值，但没有成功

---

有没有人遇到过这种或任何合适的解决方案？

我想这是因为您的滚动条与调整大小的滚动条位于同一个div上。 尝试将外部div设置为可调整大小，将内部div设置为高度为100%的滚动条。 然后相对于可调整大小的div定位控制柄

这样就可以了，我将和你的JSFIDLE玩一玩，这样你就可以明白我的意思了

编辑：我将您的小提琴更新为：

div {
  width:100%;
  height: 100px;
  overflow-y:auto;
  overflow-x:hidden;
}
div .ui-resizable-s {
  height: 20px;
  background: red;
  cursor: s-resize;
  border: solid 1px red;
  width: 100%;
  bottom: -5px;
  left: 0;
}

Why do I need to accompany my fiddle link with code stack overflow??