el-table自定义行首行

您可以使用 `slot-scope` 和 `template` 属性来自定义表格的行首行。

首先，在 `el-table` 中添加 `template` 属性，将其设置为一个具名插槽。例如：

<el-table :data="tableData">
  <template slot="row" slot-scope="scope">
    <tr>
      <td>{{scope.row.name}}</td>
      <td>{{scope.row.age}}</td>
      <td>{{scope.row.address}}</td>
      <!-- 自定义行首行 -->
      <td>
        <div class="row-header">
          <!-- 在这里添加自定义内容 -->
        </div>
      </td>
    </tr>
  </template>
</el-table>

然后，在 CSS 中为 `.row-header` 添加样式，并在其中添加所需的内容。例如：

.row-header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #f0f0f0;
  border-radius: 50%;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}

这将在每一行的前面添加一个圆形容器，并在其中添加自定义的内容。请注意，您需要根据自己的需要调整样式和内容。