el-table设置文字显示在单元格的左上方

可以通过设置 el-table-column 的 label 属性来实现文字显示在单元格的左上方。具体方法如下：

<template>
  <el-table :data="tableData">
    <el-table-column label="姓名" prop="name">
      <template slot-scope="scope">
        <div class="cell-label">{{ scope.row.name }}</div>
      </template>
    </el-table-column>
    <el-table-column label="年龄" prop="age">
      <template slot-scope="scope">
        <div class="cell-label">{{ scope.row.age }}</div>
      </template>
    </el-table-column>
  </el-table>
</template>

<style>
  .cell-label {
    position: relative;
    padding-top: 20px;
  }
  .cell-label::before {
    content: attr(data-label);
    position: absolute;
    top: -20px;
    left: 0;
  }
</style>

在 el-table-column 的 slot 中，可以自定义单元格的内容，通过一个包含数据的 div 容器来实现。然后通过 CSS 样式将 label 显示在 div 容器的上方。其中，data-label 属性用于存储 label 内容，通过 CSS 伪元素 ::before 显示在单元格上方。