show-overflow-tooltip="true" el-table-column 不显示省略号是什么原因

`show-overflow-tooltip="true"` 属性可以让 `el-table-column` 中的文本内容溢出时显示省略号并添加提示框来显示完整内容。如果该属性设置为 `true`，但是没有显示省略号，可能有以下原因：

1. CSS 样式问题：可能是缺少了 `text-overflow: ellipsis;` 样式或者样式被其他样式覆盖了，可以使用浏览器的开发者工具来检查样式是否正确。
2. 内容不超出容器宽度：如果文本内容没有超出 `el-table-column` 容器的宽度，那么就不会显示省略号和提示框。
3. `show-overflow-tooltip` 属性未正确设置：在 `el-table-column` 中设置 `show-overflow-tooltip` 属性时，可能没有设置正确的属性值或者没有设置该属性。可以通过检查代码来确认该属性是否设置正确。

如果以上三种情况都被排除，那么可以尝试在 `el-table-column` 中添加 `tooltip-effect="dark"` 属性，这个属性可以让提示框背景变暗，更加明显。

相关问题

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

`text-overflow: ellipsis` 是 CSS 属性，它可以让文本超出容器范围时自动截断并显示省略号，但是在某些情况下，它可能不会生效。如果在控制台中已经看到了效果，但是页面中没有生效，可能是因为其他 CSS 代码覆盖了这个属性，或者是因为元素的宽度不够容纳文本，导致省略号无法显示。

你可以使用浏览器的开发者工具检查元素样式，查看是否存在其他的样式覆盖了 `text-overflow`。另外，你还可以尝试调整容器的宽度，看看省略号是否能够显示。如果还有问题，可以提供更多的代码和具体情况，我可以帮你进一步分析。

:show-overflow-tooltip="true"啥意思

在 Vue 的组件中，`show-overflow-tooltip` 是一个属性，用于控制当内容溢出时是否显示溢出的工具提示。当设置为 `true` 时，如果内容超出了容器的宽度，将会显示一个工具提示来展示完整的内容。

该属性通常用于需要截断长文本或超出容器宽度的内容，并提供一种方式来显示完整内容的情况。

示例用法：

<el-table-column prop="name" label="Name" show-overflow-tooltip></el-table-column>

在上述示例中，`show-overflow-tooltip` 属性被添加到 `el-table-column` 组件中的列，当列中的内容超出列宽时，会自动显示一个工具提示来展示完整的内容。

注意：`show-overflow-tooltip` 属性通常与 CSS 的 `text-overflow: ellipsis` 结合使用，以便在溢出时截断文本并显示省略号。