当前位置: 代码迷 >> 综合 >> 表格 show-overflow-tooltip 设置宽度以及内容换行
  详细解决方案

表格 show-overflow-tooltip 设置宽度以及内容换行

热度:73   发布时间:2023-11-21 20:44:00.0

用vue+element ui框架,用到table表格,如果每列显示的内容过长则可以使用该属性,即 :show-overflow-tooltip="true"。

该属性可以让内容在一行显示,如果显示不下时,显示省略号...,当鼠标放在上面时,可显示全部文字。效果如下:

 只需要在标签中添加:show-overflow-tooltip="true"即可。

举例:

<el-table-column label="公司名称" prop="corpName" :show-overflow-tooltip="true"></el-table-column>

 

  相关解决方案