分两步:
1.table超出文字以省略号显示
table { table-layout: fixed;} //设置表格宽度不随文字增多而变长。 td { white-space: nowrap; //禁止换行 overflow: hidden; //隐藏超出单元格的部分 text-overflow: ellipsis;} //将被隐藏的那部分用省略号代替
上述内容可以在样式里统一设置。
2.鼠标悬停显示详细内容
<td title="要显示的内容">
内容一般是动态获取的,所以可以给title赋值为原本显示在表格里的内容,比如:
<td class="text-center" title= {{data.methodDesc}}> {{data.methodDesc}} </td>