当表格滚动的时候,由于tooltip是绑定在单元格内部的元素中的,不随着当前的单元格一同移动(上下左右)。需要用到getPopupContainer属性,让它挂载到当前单元格上,就可以随着单元格移动了。
<Popover
mouseEnterDelay={ 0.2}
mouseLeaveDelay={ 0.2}
content={ '展示内容'}
trigger="hover"
placement="top"
// 核心代码
getPopupContainer={ (trigger) => trigger.parentNode}
// 改变偏移距离
// align={ {
// offset: [100, 0],
// }}
>
{ /* 组件挂载的DOM */}
<div>组件挂载的DOM</div>
</Popover>