show-overflow-tooltip失效

show-overflow-tooltip属性在el-table中失效的问题可以通过在作用域插槽中添加文字并将其隐藏来解决。具体的解决方案如下所示：

<el-table-column :show-overflow-tooltip="true" align="center" prop="name" width="160px" label="名称">
  <template slot-scope="scope">
    <span style="display: block; overflow: hidden; height: 0;">{{scope.row.name}}</span>
    <el-input placeholder="请输入" clearable v-model="scope.row.name"></el-input>
  </template>
</el-table-column>

在这个解决方案中，我们在作用域插槽中添加了一个隐藏的span元素，并将其高度设置为0。这样，show-overflow-tooltip属性就可以正常工作，显示tooltip内容。

相关问题

火狐浏览器，show-overflow-tooltip失效

如果你的火狐浏览器中 `show-overflow-tooltip` 失效了，有可能是因为该属性已被废弃或者删除了。你可以尝试使用其他属性来达到相似的效果，比如 `text-overflow: ellipsis`，它能够在文本溢出时显示省略号，同时鼠标悬停时也可以显示完整的文本内容。如果你需要更多的样式控制，可以使用 JavaScript 来实现自定义的提示框或工具提示。

show-overflow-tooltip和show-tooltip-when-overflow的区别

根据提供的引用内容，show-overflow-tooltip和show-tooltip-when-overflow都是用于处理内容溢出的情况，但它们之间有一些区别。

show-overflow-tooltip是一个属性，用于在内容溢出时以tooltip的形式显示文本。它可以让文字以tooltip的形式显示，从而避免了内容溢出的问题。当表格写定了宽度而内容又很多导致换行不美观时，可以使用show-overflow-tooltip属性来解决这个问题。

show-tooltip-when-overflow是一个方法，用于在内容溢出时显示tooltip。它可以在内容溢出时显示tooltip，从而避免了内容溢出的问题。当元素的内容超出了其容器的大小时，可以使用show-tooltip-when-overflow方法来解决这个问题。

因此，show-overflow-tooltip和show-tooltip-when-overflow都是用于处理内容溢出的情况，但它们之间的区别在于show-overflow-tooltip是一个属性，而show-tooltip-when-overflow是一个方法。