Question

在prime-ng turbo表中，当我们将过滤器下拉列表放到表内的可滚动表下拉列表中

没有scrollbale表下拉列表非常理想。 This works perfect

但是当可滚动表时，下拉列表在表内部 Not works perfect。所以我想在表外而不是在表内进行下拉。

这是查看代码的链接https://primeng-table-bry1sl.stackblitz.io/。请以1024分辨率查看，以便您可以查看表格中的滚动条并选择一种品牌来过滤数据。

任何人都可以帮助我。

Answer 1

问题在这里：

.ui-table-resizable .ui-table-thead>tr>th, .ui-table-resizable .ui-table-tfoot>tr>td, .ui-table-resizable .ui-table-data>tr>td {
/* overflow: hidden; */

}

尝试注释溢出属性或将其设置为“可见” ...有效！

Answer 2

按照here

的说明使用appendTo =“ body”

Answer 3

通过覆盖以下溢出使其可见：

//Old code in primeng.min.css
    .ui-table-scrollable-header, .ui-table-scrollable-footer {
        **overflow: hidden;**
        border: 0 none;
    }
//add this to your stylesheet instead
    .ui-table-scrollable-header, .ui-table-scrollable-footer {
        **overflow: visible;!important**
        border: 0 none;
    }

此外，在上面的代码之后将其添加到样式表中：

.ui-table-scrollable-view {
  overflow: hidden!important;
}

see here result image

可滚动Turbo表中的PrimeNG过滤器下拉问题

3 个答案: