show-overflow-tooltip使用当内容过多不展示...

Element UI的show-overflow-tooltip属性依赖于检测文本内容的实际宽度与容器宽度的比较，当使用<div>等块级元素时，会破坏这个检测机制。

解决方案

1. 移除div包装：直接在模板中使用文本内容，不要用div包装

2. 使用span代替div：如果必须包装内容，使用行内元素span

3. 确保列宽度设置：必须为列设置width或min-width属性

show-overflow-tooltip属性用法

• 直接添加到el-table-column上，不需要值

• 需要配合列宽度设置（width或min-width）使用

• 在自定义模板中避免使用块级元素包装内容

• 当内容超出列宽度时，会自动显示省略号并在hover时显示完整内容的提示框

 <el-table-column prop="CommandTime" label="采集时间" min-width="180" show-overflow-tooltip><template #default="scope"><!-- <div> -->{{ scope.row.CommandTime }}<!-- </div> --></template></el-table-column>