模态框上的 Angular5 PrimeNG 数据表，模态框后面显示 ContextMenu答案

【问题标题】：Angular5 PrimeNG Datatable on a Modal with ContextMenu showing up behind the modal模态框上的 Angular5 PrimeNG 数据表，模态框后面显示 ContextMenu
【发布时间】：2018-09-30 01:54:45
【问题描述】：

我有一个模式窗口，其中包含启用了 ContextMenu 的 PrimeNG 数据表。问题是当我右键单击表格行之一时，我的右键单击上下文菜单位于模式窗口的后面。我添加了 appendTo="body" 但除了正确定位之外没有帮助。现在的主要问题是上下文菜单的 z-index 位于模态框后面。

我已尝试显式设置 z-index，但无法覆盖每次右键单击时应用于上下文菜单的动态生成的 CSS。

有什么想法吗？

【问题讨论】：

尝试为上下文菜单添加 baseZIndex，它大于模式并设置 [autoZIndex]="false" 我没有尝试过，但我希望它有效

标签： css angular angular5 contextmenu primeng

【解决方案1】：

您可以设置上下文菜单的基本 z-index 属性。

<p-contextMenu #cm [model]="items" appendTo="body" baseZIndex="99999"></p-contextMenu>

here is stackblitz implementation

【讨论】：

完美运行！！谢谢你。这很难找到，我不知道为什么