如何配置el-table，以便当鼠标悬停在单元格上时显示该单元格的所有文本内容？

在Element UI的`el-table`组件中，为了实现鼠标悬停时展示单元格的完整文本内容，你可以使用自定义模板（template）和`mouseover`事件。首先，你需要创建一个自定义的单元格模板，这个模板通常包含一个`<span>`元素用于显示详细信息，并设置`title`属性来储存完整的文本内容。

在Vue组件中，你可以这样配置：

<template>
  <el-table :data="tableData">
    <el-table-column prop="name" label="Name">
      <template slot-scope="scope">
        <el-popover
          placement="bottom"
          trigger="hover"
          v-model="showPopover"
          content="{html: scope.row.longText}"
        >
          {{ scope.row.name }}
          <i class="el-icon-question" @click.stop="showPopover = true"></i>
        </el-popover>
        <span v-if="!showPopover">{{ scope.row.name }}</span>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'Item 1', longText: '这是Item 1的长文本描述' },
        // ... 其他数据项
      ],
      showPopover: false,
    };
  },
};
</script>

在这个例子中，我们添加了一个`el-popover`作为自定义单元格的内容，当鼠标悬浮在`name`上时，会触发`showPopover`的状态改变，显示完整文本。点击图标（默认显示的小问号）时，popover会弹出。`content`属性的`{html: scope.row.longText}`表示使用HTML渲染内容。