<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-popover
placement="bottom-end"
ref="dcPopover"
width="880"
trigger="click"
:append-to-body="false"
>
<el-table
:data="gridData"
:header-cell-style="{
backgroundColor: '#F5F5F5',
color: '#323232',
border: 'none',
}">
<el-table-column width="150">
<template><img style="width: 50px;height: 50px;" src="@/assets/images/personalImages/arrow.png"></template>
</el-table-column>
<el-table-column width="150" property="date" label="商品名称" align="center">
<template slot-scope="scope">
<div class="ellipsis" :title="scope.row.name">
{{scope.row.name}}
</div>
</template>
</el-table-column>
<el-table-column width="100" property="name" label="品目" align="center">
<template slot-scope="scope">
<div class="ellipsis" :title="scope.row.name">
{{scope.row.name}}
</div>
</template>
</el-table-column>
<el-table-column width="150" property="address" label="数量" align="center"></el-table-column>
<el-table-column width="150" property="address" label="单价" align="center"></el-table-column>
<el-table-column width="150" property="address" label="总价" align="center"></el-table-column>
</el-table>
<el-button slot="reference" type="text" @click="expandRow(scope.row, scope.$index)"><span class="viewDetailBtn">详情</span></el-button>
</el-popover>
</template>
</el-table-column>
加这个属性 :append-to-body="false"
加了后会被表格遮挡,写下面代码
.orderTable ::v-deep.el-table{
overflow: visible !important;
}
.orderTable ::v-deep .el-table__body-wrapper {
overflow: visible !important;
}