带有可滚动

Question

我有一个数据表

<p-dataTable ... > 
        <p-column field="name" header="Name" [style]="{'width':'250px'}"> 
               <template pTemplate type="header">
            <mycomponent> </mycomponent>
            </template>
    </p-column>
    ...
    </p-dataTable>

Mycomponent在点击时基本上包含一个按钮，打开一个隐藏的div。 哪个行为像模态并具有绝对定位。 见下图 它工作正常，但如果我添加可滚动选项

<p-dataTable ...  scrollable="true" scrollHeight="200px" scrollWidth="75%">

然后模态框就像图片中一样隐藏。 我没有设法把它放在首位。 我尝试使用z-index，但它不起作用。 你能明白为什么我有这种不同的行为吗？ 感谢

Answer 1

使用appendTo =＆＃34; body＆＃34;在你的p-multiSelect标签中。这会将下拉列表添加到列标题中。

例如：

<p-column field="Description" ...>
<template pTemplate="filter" let-col>
  <p-multiSelect appendTo="body" ... ></p-multiSelect>
</template>