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` 属性在鼠标悬停时显示完整文本。