模态上的Angular5 PrimeNG数据表，并在模态后面显示ContextMenu

Question

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

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

有什么想法吗？

Answer 1

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

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

here is stackblitz implementation