el-table中的show-overflow-tooltip不生效

您好，关于el-table中的show-overflow-tooltip不生效的问题，可能有以下几种原因：

您没有正确地添加了el-tooltip组件：如果您没有添加el-tooltip组件，那么show-overflow-tooltip就无法生效。
show-overflow-tooltip属性被覆盖或者被设置为了false：当show-overflow-tooltip属性被设置为false时，就无法正常显示tooltip。
需要加上content-style属性：在el-tooltip组件中，需要设置content-style属性，才能正常显示tooltip。
在table-column组件中添加tooltip-effect属性：如果您没有在table-column组件中添加tooltip-effect属性，那么tooltip也无法正常显示。

希望这些解决方法可以帮助到您！如果还有其他问题，请随时与我交流。

相关问题

show-overflow-tooltip="true" el-table-column 的text-overflow: ellipsis不生效 怎样让它生效

text-overflow: ellipsis 只能在设置了固定宽度的元素上生效，如果使用 el-table-column，需要在该列上设置 width 属性，例如：
<el-table-column label="名称" prop="name" width="150">
<template slot-scope="{ row }">
<span style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;"
:title="row.name"
>
{{ row.name }}
</span>
</template>
</el-table-column>

注意，还需要在 <span> 元素上设置 white-space: nowrap; 和 overflow: hidden;，这样才能保证文本不换行且超出部分被隐藏。同时，为了防止文本被截断，可以通过 title 属性在鼠标悬停时显示完整文本。

show-overflow-tooltip="true" el-table-column 的text-overflow: ellipsis控制台已经生效 页面没有效果

text-overflow: ellipsis 是 CSS 属性，它可以让文本超出容器范围时自动截断并显示省略号，但是在某些情况下，它可能不会生效。如果在控制台中已经看到了效果，但是页面中没有生效，可能是因为其他 CSS 代码覆盖了这个属性，或者是因为元素的宽度不够容纳文本，导致省略号无法显示。
你可以使用浏览器的开发者工具检查元素样式，查看是否存在其他的样式覆盖了 text-overflow。另外，你还可以尝试调整容器的宽度，看看省略号是否能够显示。如果还有问题，可以提供更多的代码和具体情况，我可以帮你进一步分析。