vue基于elementui怎么固定行

ElementUI 的表格组件并没有直接提供固定行（fixed row）的功能，但我们可以通过一些技巧来实现。

一种实现方式是，在表格数据的前面添加一行空数据，然后将这一行设置为固定行。具体实现代码如下：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column type="index" label="序号"></el-table-column>
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '',
          age: '',
          address: '',
          fixed: true // 将第一行设置为固定行
        },
        {
          name: '张三',
          age: 18,
          address: '北京市海淀区'
        },
        {
          name: '李四',
          age: 20,
          address: '上海市浦东新区'
        },
        {
          name: '王五',
          age: 22,
          address: '广州市天河区'
        }
      ]
    }
  }
}
</script>

<style scoped>
.el-table__fixed-body-wrapper tbody tr:first-child td {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 1;
}
</style>

在上面的代码中，我们在表格数据的前面添加了一行空数据，并将它的 `fixed` 属性设置为 `true`，表示它是一行固定行。

然后，我们使用 CSS 选择器选择第一行的 `td` 元素，并设置它们的样式，使它们固定在表格的顶部。

需要注意的是，这种实现方式需要手动处理表格的样式，以达到固定行的效果。同时，如果表格数据是动态获取的，需要在获取到数据后动态添加这一行空数据。