解决 element-ui table文字过长 进行省略处理,鼠标点击显示。

原效果
解决 element-ui table文字过长 进行省略处理,鼠标点击显示。_第1张图片

使用elementUI表格进行数据展示的时候,有时候有一些不是很关键的信息,不希望占据很多的板面信息。
可以添加 min-width="120"   :show-overflow-tooltip="true"
进行控制

**完整代码:**
      
      

添加后效果展示:
解决 element-ui table文字过长 进行省略处理,鼠标点击显示。_第2张图片
多出的会进行省略号显示,鼠标悬停展示完整信息。

记录开发中的小问题,仅供参考。

你可能感兴趣的:(vue,elementui,前端框架)