如何使用固定标题使html表可滚动？

Question

我有很多行的表。我想让它可以垂直滚动，但有固定的标题。

Answer 1

您可以使用CSS来使表的元素可以分解。

假设你有这样的表：

<table>
  <tr>
    <th>heading 1</th>
    <th>heading 2</th>
  </tr>
  <tr class='scrollable'>
    <td>cell 1</td>
    <td>cell 2</td>
  </tr>
</table>

编写CSS如下：

.scrollable{ 
    width: 150px;
    height: 150px;
    overflow: scroll;
}