element ui eltable一行怎么变为一个整体元素

可以通过设置 el-table-column 的 `show-overflow-tooltip` 属性为 false 来实现让一行数据作为一个整体元素显示。具体的实现方式如下：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
    <el-table-column prop="gender" label="性别"></el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <div v-show="scope.row.show">
          <!-- 显示操作按钮 -->
          <el-button type="primary" size="mini">编辑</el-button>
          <el-button type="danger" size="mini">删除</el-button>
        </div>
        <div v-show="!scope.row.show">
          <!-- 显示一行数据作为一个整体 -->
          <span>{{ scope.row.name }}</span>
          <span>{{ scope.row.age }}</span>
          <span>{{ scope.row.gender }}</span>
        </div>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 20,
          gender: '男',
          show: false // 是否显示操作按钮
        },
        {
          name: '李四',
          age: 22,
          gender: '女',
          show: false
        }
      ]
    }
  }
}
</script>

在上面的代码中，我们在 el-table-column 中定义了一个操作列，通过 v-show 控制操作按钮和一行数据作为一个整体的显示。当 `scope.row.show` 为 true 时，显示操作按钮；当 `scope.row.show` 为 false 时，显示一行数据作为一个整体。其中，一行数据作为一个整体的实现方式是通过使用多个 span 元素来展示每一个字段。同时，还需要在 el-table-column 上设置 `show-overflow-tooltip` 属性为 false，这样就能够让一行数据作为一个整体元素显示了。