element-plus ＜el-table＞自定义内容后，show-overflow-tooltip失效

最新推荐文章于 2024-09-14 22:27:26 发布

har01d

最新推荐文章于 2024-09-14 22:27:26 发布

阅读量261

点赞数 2

文章标签： css vue elementui

本文链接：https://blog.csdn.net/weixin_43951592/article/details/141430527

版权

<el-table-column property="remark" label="备注" show-overflow-tooltip>
    <template #default="scope">
      <div>{{ scope.row.remark }}</div>
    </template>
  </el-table-column>

现象，超长内容后面的 … 不见了

解决方法：把 div 改成 span

<el-table-column property="remark" label="备注" show-overflow-tooltip>
    <template #default="scope">
      <span>{{ scope.row.remark }}</span>
    </template>
  </el-table-column>