element table组件实现show-overflow-tooltip效果，解决一些自带show-overflow-tooltip不能实现的效果。

Element UI的Table组件并没有直接提供show-overflow-tooltip这样的属性，但是你可以通过以下方法实现类似的效果：

1. 使用cell-class-name属性为单元格添加自定义类名。
2. 使用CSS为带有tooltip效果的类添加overflow: hidden和text-overflow: ellipsis样式。
3. 使用Vue的v-tooltip指令或Element UI的Tooltip组件来实现鼠标悬停时的提示信息。

以下是一个简单的示例：

首先，在你的Vue组件中定义CSS样式：

/* 自定义单元格样式 */
.el-table .cell-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

然后，在你的Table组件中使用cell-class-name属性为需要显示tooltip的单元格添加上述自定义类名：

<el-table
  :data="tableData"
  style="width: 100%"
  cell-class-name="cell-ellipsis">
  <!-- 你的表格列 -->
</el-table>

最后，使用Vue的v-tooltip指令或Element UI的Tooltip组件来实现tooltip效果：

<el-table
  :data="tableData"
  style="width: 100%"
  cell-class-name="cell-ellipsis">
  <el-table-column
    prop="date"
    label="日期"
    width="180">
    <template slot-scope="scope">
      <el-tooltip class="item" effect="dark" placement="top" :content="scope.row.date">
        <div>{{ scope.row.date }}</div>
      </el-tooltip>
    </template>
  </el-table-column>
  <!-- 其他列 -->
</el-table>

在这个示例中，我们为el-table-column的内容使用了el-tooltip组件，并将单元格内容作为tooltip的内容。当单元格内容超出宽度时，会显示省略号，并且当鼠标悬停时会显示完整内容的tooltip。