如果我有一个包含很多行的简单 HTML 表格,我怎样才能只显示x
行数?
HTML
<table id="process-manager-table">
<tr>
<th>Process</th>
<th>User</th>
<th>CPU%</th>
</tr>
<tr>
<td>system-welcome.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
<tr>
<td>process-manager.exe</td>
<td>dvette</td>
<td>-</td>
</tr>
</table>
例如,如何仅显示前 10 行?我基本上想给我的表格一个特定的高度 - 然后用户应该能够在表格内垂直滚动以查看其余的行。
查看 JSFiddle 中提供的代码后,我设法修改并使其适合您:
https://jsfiddle.net/83krL60s/10/ https://jsfiddle.net/83krL60s/10/
基本上,您需要做的就是将您的table
里面一个div
并设置它的高度。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)