element 表格内容过长省略显示，点击单元格展开全部内容

您可以使用 Element UI 中的 `el-table` 组件和 `el-popover` 组件来实现表格内容过长时的省略显示和展开全部内容的功能。

首先，在表格中的需要省略显示的单元格中使用 `el-popover` 组件，并将需要展示的内容放在 `el-popover` 的 `content` 属性中。然后，使用 `slot-scope` 来定义 `el-popover` 的触发元素，通常使用一个按钮或者图标。

以下是一个示例代码：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="content" label="内容">
      <template slot-scope="scope">
        <el-popover trigger="click" placement="top-start">
          <template slot="reference">
            <span class="ellipsis" style="display: inline-block; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
              {{ scope.row.content }}
            </span>
          </template>
          <div>{{ scope.row.content }}</div>
        </el-popover>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', content: '这是一段很长的内容，需要省略显示' },
        { name: '李四', content: '这是另一段很长的内容，也需要省略显示' },
        // ...
      ],
    };
  },
};
</script>

在上述代码中，我们将表格的内容放在 `el-popover` 组件中，并设置 `max-width` 和 `overflow` 属性来控制单元格的宽度和内容的溢出处理。当用户点击单元格时，`el-popover` 将展示全部内容。

您可以根据实际需求自定义样式和调整参数以适应您的项目。希望对您有帮助！如有其他问题，请随时提问。