Antd Table + Tooltip 时Tooltip无法跟随单元格移动——getPopupContainer改变Tooltip浮层渲染父节点

当表格滚动的时候,由于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>
    原文作者:似酒龙井
    原文地址: https://blog.csdn.net/qq_43430964/article/details/125772158
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞