当前位置：网站首页>Antd Table + Tooltip 时Tooltip无法跟随单元格移动——getPopupContainer改变Tooltip浮层渲染父节点

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

2022-07-20 16:42:00 【似酒龙井】

当表格滚动的时候，由于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

边栏推荐

猜你喜欢

随机推荐