table 滚动条

要在表格中添加滚动条，可以将表格包装在一个具有固定高度和 `overflow-y: scroll` 属性的 `div` 元素中。

例如，以下HTML和CSS代码会创建一个带有垂直滚动条的表格：

<div class="table-container">
  <table>
    <thead>
      <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
      </tr>
    </thead>
    <tbody>
      <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>
      <!-- Add more rows as needed -->
    </tbody>
  </table>
</div>

<style>
  .table-container {
    height: 300px; /* Set the height to whatever you need */
    overflow-y: scroll;
  }
</style>

在上面的代码中，我们创建了一个名为 `.table-container` 的 `div` 元素，并将表格包装在其中。我们将 `.table-container` 的高度设置为 300 像素，并在 CSS 中使用 `overflow-y: scroll` 属性来启用垂直滚动条。这样，如果表格内容超过了容器的高度，用户就可以滚动表格以查看其余部分。