show-overflow-tooltip 是Table-column属性,可实现表格列内容过长显示省略号和tooltip提示。
实现效果:
使用示例:
<el-table
:data="tableData"
border
v-loading="tableLoading"
>
<el-table-column
v-for="col in cols"
:prop="col.prop"
:label="col.label"
:width="col.width"
align="center"
:show-overflow-tooltip="true"
></el-table-column>
</el-table>
tooltip的类是el-tooltip__popper,默认宽度100%,可自行修改样式
<style lang="css">
.el-tooltip__popper {
max-width: 30%;
}
</style>