为大型数据集构建 UI。理想的情况是有一个固定高度的表格,该表格可滚动以容纳 200 多行数据。一个好处是使用 JQuery UI 使用户能够拖动表格的高度以显示更多或更少的行。
到目前为止我所拥有的 JSFiddle:http: //jsfiddle.net/jonbrownm/j5cdx/
HTML
<div>
<table>
<tbody>
<tr>
<td>Clementine</td>
<td>Bradford</td>
<td>neque@in.org</td>
</tr>
...
</tbody>
</table>
查询
$(function () {
$("div").resizable({
handles: "s"
});
});
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-resizable-s
相对于 div 的绝对值,但没有运气。
有没有人遇到过这个或任何合适的解决方案?