單擊其中的 p-dropdown 時如何禁用 body 上的滾動

Question

我在我的表 header 中使用了幾個 p-dropdown，我也有一個水平滾動的容器。 當我單擊這些下拉菜單中的任何一個時，主體不會滾動到右側，而不是打開下拉面板。

可以為此做些什么？

html代碼如下。

 <p-table
   #dt
   [value]="data"
   rowGroupMode="rowspan"
 > 
   <ng-template let-col pTemplate="header">
        <th
            *ngFor="
              let colHeading of columnHeading;
              let i = index;
              let isEven = even
            "
            [style]="{
              width: colHeading.width + '%',
              'border-bottom': '1px solid #999999'
            }"
          > colHeading['value'] 
          <p-dropdown
             id="{{ colHeading['value'] }}"
                *ngIf="
                  colHeading.filterType == 'select' &&
                  colHeading['value'] != 'status'
                "
                [options]="colHeading['filterValue']"
                (onChange)="
                  search()
                "
                
              ></p-dropdown>
        </th>
   </ng-template>
</p-table>

對於水平滾動，我已將其添加到我的 scss 文件中。

.p-datatable-wrapper {
    width: 260%;
  }

Answer 1

您應該嘗試激活元素上的 virtualscroll 屬性 ([virtualScroll]="true") 並定義元素的 scrollHeight