element表格左侧表头

Element UI 是一款基于 Vue.js 的开源 UI 组件库，它提供了一个叫做 Element Table 的表格组件。如果你想在 Element 表格中设置左侧表头，可以这样做：

1. 首先，在你的 Vue 模板中引入 `el-table` 和 `el-table-column` 组件：

<template>
  <div>
    <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 区域 -->
      <template v-slot:header-left>
        <el-table-column type="selection" width="55"></el-table-column> <!-- 选择框列 -->
        <!-- 或者自定义内容的列 -->
        <el-table-column label="左侧定制列">
          <!-- 内容 -->
        </el-table-column>
      </template>
      <!-- 主体内容 -->
      <el-table-column prop="age" label="年龄"></el-table-column>
      <!-- ... 其他列 ... -->
    </el-table>
  </div>
</template>

2. 然后在数据绑定部分 `data()` 函数中，设置 `tableData` 属性，它是表格的数据源：

export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 24 },
        { name: '李四', age: 32 },
        // ...
      ]
    };
  }
};