tbody加滚动条不生效
时间: 2024-02-01 17:14:26 浏览: 71
CSS设置table下tbody的滚动条的实现
如果你想让 tbody 元素出现滚动条,需要在它的父元素上设置固定的高度,并将 overflow 属性设置为 auto 或 scroll。例如:
```html
<div style="height: 200px; overflow: auto;">
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
</tr>
</thead>
<tbody style="height: 100%;">
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
<td>Row 1, Column 3</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
<td>Row 2, Column 3</td>
</tr>
<!-- more rows -->
</tbody>
</table>
</div>
```
请注意,你需要在 tbody 元素上设置高度为 100%,以确保它填充其父元素的高度。如果不设置高度,tbody 可能会根据其内容自动调整大小,从而使滚动条无效。
阅读全文