el-popover 与表格结合

A：可以通过在表格中使用 el-tooltip 组件实现类似于 el-popover 的效果。

首先，在表格中需要展示一个可以触发 el-popover 的元素，可以将该元素放置在表格单元格中，例如：

<el-table-column label="操作">
  <template slot-scope="scope">
    <el-tooltip content="点击查看详情" placement="top">
      <i class="el-icon-info"></i>
    </el-tooltip>
  </template>
</el-table-column>

然后，在表格的外部添加一个 el-popover 组件，用于显示详细信息。需要使用 v-model 控制 el-popover 的显示与隐藏，并且使用事件监听器在触发 el-tooltip 的时候更新 el-popover 的内容。示例代码如下：

<el-popover ref="popover" placement="right" width="300px" trigger="click">
  <el-card>
    <p>{{ selectedData.name }}</p>
    <p>{{ selectedData.age }}</p>
    <p>{{ selectedData.gender }}</p>
  </el-card>
</el-popover>

<el-table @row-click="showPopover" @row-dblclick.native="hidePopover">
  ...
</el-table>

data() {
  return {
    selectedData: null
  }
},
methods: {
  showPopover(row) {
    this.selectedData = row;
    this.$nextTick(() => {
      this.$refs.popover.visible = true;
    });
  },
  hidePopover() {
    this.$refs.popover.visible = false;
  }
}

在 showPopover 方法中，首先将 el-popover 中的内容更新为当前行的数据，然后使用 $nextTick 等待更新完成后再将 el-popover 设置为可见状态。在 hidePopover 方法中，直接将 el-popover 设置为隐藏状态即可。