需求:在table表格的表头,hover上去展示弹出 问题:由于table设置了超出隐藏,导致弹窗展示不全或无法展示
具体实现代码:
<template>
<div ref="box">
<a-table 此处省略属性配置>
<-- 这个是自定义表头,具体需要在columns配置 -->
<template #customTitle>
<a-popover title="Title" placement="top" :getPopupContainer="(triggerNode) => box">
<template #content>
<p>12345</p>
<p>12345</p>
</template>
<span>Hover me</span>
</a-popover>
</template>
</a-table>
</div>
</template>
<script>
import { defineComponent, ref, getCurrentInstance} from 'vue';
export default defineComponent({
setup() {
const box = ref(null);
return{
box,
}
}
})
</scrirpt>