vue table表头怎么始终置顶

要实现 Vue 表格的表头始终置顶，可以采用以下两种方法：

1. 使用 CSS 实现

可以使用 CSS 的 `position: sticky` 属性来实现表头始终置顶的效果。首先给表格的 `thead` 元素设置 `position: sticky` 和 `top: 0`。这样表头就会始终置顶。具体代码如下：

<table>
  <thead style="position: sticky; top: 0;">
    <tr>
      <th>表头1</th>
      <th>表头2</th>
      <th>表头3</th>
    </tr>
  </thead>
  <tbody>
    <!-- 表格内容 -->
  </tbody>
</table>

但是需要注意的是， `position: sticky` 属性的兼容性不好，可能在部分浏览器中无法生效。

2. 使用插件实现

可以使用一些 Vue 表格插件来实现表头始终置顶的效果，例如 `vue-tables-2` 和 `element-ui` 的表格组件。这些插件内部已经实现了表头置顶的功能，只需要按照插件的使用文档进行配置即可。具体代码如下：

<!-- vue-tables-2 插件 -->
<VueTables :columns="columns" :data="data" :options="options"></VueTables>

<!-- element-ui 表格组件 -->
<el-table :data="data">
  <el-table-column prop="prop1" label="表头1"></el-table-column>
  <el-table-column prop="prop2" label="表头2"></el-table-column>
  <el-table-column prop="prop3" label="表头3"></el-table-column>
  <!-- 其他列 -->
</el-table>

以上就是实现 Vue 表格表头始终置顶的两种方法。