NgPrime表格Popover无法按top定位，受父元素限制问题求助

1. 修正PrimeNG Popover的容器挂载属性 #

你当前使用的container="body"是Angular Bootstrap的属性，PrimeNG的Popover组件对应的容器挂载属性是appendTo，这是导致Popover无法跳出父容器的核心原因。修改代码如下：

<th class="popover_enabled text-center" [popover]="customPopup" appendTo="body" placement="top">FieldName</th>

渲染后可检查DOM，确认Popover元素是否被挂载到<body>标签下，而非表格的表头容器内。

2. 给目标Popover添加专属样式隔离 #

如果调整挂载容器后仍有覆盖问题，可给该Popover添加自定义类，避免影响全局样式：

<th class="popover_enabled text-center" [popover]="customPopup" appendTo="body" placement="top" popoverClass="header-top-popover">FieldName</th>

然后添加针对性CSS：

.header-top-popover {
  margin-top: -8px; /* 根据实际布局调整数值 */
}

3. 排查表格容器的溢出设置 #

检查表格的<thead>、<tr>或外层包裹容器是否设置了overflow: hidden，若有则移除该属性——即使Popover挂载到body，父容器的溢出限制仍可能干扰视觉定位。

额外验证 #

确认你的PrimeNG版本是否支持appendTo属性（PrimeNG 10+均支持），若版本过低可考虑升级组件库。

内容的提问来源于stack exchange，提问作者rmaitipe