el-table 固定第一列

为了固定el-table的第一列，可以使用el-table-column的fixed属性。将第一列的fixed属性设置为left即可实现固定第一列的效果。以下是一个示例代码：

<template>
  <el-table :data="tableData">
    <el-table-column label="姓名" prop="name" fixed="left"></el-table-column>
    <el-table-column label="年龄" prop="age"></el-table-column>
    <el-table-column label="地址" prop="address"></el-table-column>
    <el-table-column label="性别" prop="gender"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18,
          address: '北京市',
          gender: '男'
        },
        {
          name: '李四',
          age: 20,
          address: '上海市',
          gender: '女'
        },
        {
          name: '王五',
          age: 22,
          address: '广州市',
          gender: '男'
        }
      ]
    }
  }
}
</script>

在上面的代码中，我们将第一列的fixed属性设置为left，这样第一列就会固定在表格的左侧。同时，我们还需要给el-table设置一个固定的宽度，这样才能让表格的滚动条正常工作。可以通过设置el-table的style属性来实现：

<el-table :data="tableData" style="width: 600px;">