vue 表格横向自动滚动

可以使用 CSS 中的 `overflow-x: scroll;` 属性来实现表格横向自动滚动。

在表格的容器元素上添加 `overflow-x: scroll;`，并设置宽度，当表格内容超出容器宽度时，就会出现横向滚动条。

示例代码：

<div style="overflow-x: scroll; width: 500px;">
  <table>
    <thead>
      <tr>
        <th>标题1</th>
        <th>标题2</th>
        <th>标题3</th>
        <th>标题4</th>
        <th>标题5</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>内容1</td>
        <td>内容2</td>
        <td>内容3</td>
        <td>内容4</td>
        <td>内容5</td>
      </tr>
      <tr>
        <td>内容1</td>
        <td>内容2</td>
        <td>内容3</td>
        <td>内容4</td>
        <td>内容5</td>
      </tr>
      <tr>
        <td>内容1</td>
        <td>内容2</td>
        <td>内容3</td>
        <td>内容4</td>
        <td>内容5</td>
      </tr>
    </tbody>
  </table>
</div>

这样就可以实现表格横向自动滚动了。