el-table自定义单行超出显示省略号,鼠标移动显示tooltip(文本内容超出显示)
warning:
这篇文章距离上次修改已过240天,其中的内容可能已经有所变动。
在Element UI的el-table
组件中,可以通过设置show-overflow-tooltip
属性来实现单行文本超出显示省略号,并通过鼠标悬停显示tooltip的效果。
以下是一个简单的示例代码:
在这个例子中,show-overflow-tooltip
属性被添加到了el-table
和el-table-column
标签中,这样超出宽度的文本就会显示为省略号,并且当鼠标悬停在上面时会显示出完整的文本内容。
评论已关闭