有时在表格中会因为单元格的宽度过小,或者内容过多会换行,这样列表看起来有的行会高,有的行会矮,整体看起来不太和谐,也不美观
1、首先可以使用
我们可以使用popover提示信息,html部分
<el-table-column prop="address" label="address" min-width="100">
<template #default="scope">
<el-popover
placement="right"
:width="300"
trigger="hover"
show-arrow
title="Address"
popper-class="tooltip-wrap">
<!-- 使用v-html渲染popover中现实的内容 -->
<div
v-html="showAddressPopover(scope.row.address)"
class="popover-content">
</div>
<template #reference>
<!-- 给span设置一个样式,防止popover框发生位置偏移 -->
<span