Javascript 带有滚动条和列对齐的Jquery弹出窗口
我正在搜索一个jquery弹出窗口，它有一个垂直滚动条，允许显示数据，就好像它在模仿Datagrid一样，除了行不可见的事实 我的意思是应该在弹出窗口中显示类似的内容 字段1字段2字段3 值1值1值1 值2值2值2 如果组成列的元素的长度大于屏幕的高度，则应显示一个垂直滚动条，并允许替换这些值 我已经找了一段时间了，但什么也没找到，所以我希望你能帮我做这件事，因为从头开始做这件事似乎非常耗时 尽管我已经被命令通过jquery来完成，但只要它能正常工作，这并不重要，所以请随意命名其他替代方案，它们越来越少，如果它们存在的话，唯一的限制是它是在客户端使用JavaScript完成的，而其余的代码都是在客户端完成的Javascript 带有滚动条和列对齐的Jquery弹出窗口,javascript,jquery,Javascript,Jquery,我正在搜索一个jquery弹出窗口，它有一个垂直滚动条，允许显示数据，就好像它在模仿Datagrid一样，除了行不可见的事实 我的意思是应该在弹出窗口中显示类似的内容 字段1字段2字段3 值1值1值1 值2值2值2 如果组成列的元素的长度大于屏幕的高度，则应显示一个垂直滚动条，并允许替换这些值 我已经找了一段时间了，但什么也没找到，所以我希望你能帮我做这件事，因为从头开始做这件事似乎非常耗时 尽管我已经被命令通过jquery来完成，但只要它能正常工作，这并不重要，所以请随意命名其他替代方案，它们
感谢您的帮助。对于该对话框，您可以使用jQuery UI。为了满足其余的需求，只需添加一点css。这里有一个案例。我希望它能帮助你：
<html>
<head>
<title></title>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<style>
#dialog-content {
height: 200px;
/* Show scrolls if overflows! */
overflow: scroll;
}
#dialog-content th,
#dialog-content td {
/* Big rows! */
padding: 20px;
}
</style>
<script>
$(document).ready(function() {
$("#dialog").dialog();
});
</script>
</head>
<body>
<div id="dialog" title="Basic dialog">
<div id="dialog-content">
<table>
<thead>
<tr>
<th>Field1</th>
<th>Field2</th>
<th>Field3</th>
<th>Field4</th>
<th>Field5</th>
</tr>
</thead>
<tbody>
<tr>
<td>Value1</td>
<td>Value2</td>
<td>Value3</td>
<td>Value4</td>
<td>Value5</td>
</tr>
<tr>
<td>Value1</td>
<td>Value2</td>
<td>Value3</td>
<td>Value4</td>
<td>Value5</td>
</tr>
<tr>
<td>Value1</td>
<td>Value2</td>
<td>Value3</td>
<td>Value4</td>
<td>Value5</td>
</tr>
<tr>
<td>Value1</td>
<td>Value2</td>
<td>Value3</td>
<td>Value4</td>
<td>Value5</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
#对话内容{
高度：200px；
/*如果溢出，则显示滚动条*/
溢出：滚动；
}
#对话内容，
#对话内容td{
/*大排*/
填充：20px；
}
$（文档）.ready（函数（）{
$（“#dialog”）.dialog（）；
});
字段1
字段2
字段3
字段4
字段5
价值1
价值2
价值3
价值4
价值5
价值1
价值2
价值3
价值4
价值5
价值1
价值2
价值3
价值4
价值5
价值1
价值2
价值3
价值4
价值5