angular - 角材モーダル MatDialog に水平スクロールバーがありません

質問する 2021-11-09T17:44:19.023

71 次

これらのパラメーターを使用して matdialog を開くと、水平スクロールバーが表示されません

this.dialog.open(ModalComponent, {
  data: {
    isEditHistoric: true

  }, width: '500px', height: '40%'
}).afterClosed().subscribe((result) => {});

私の ModalComponent には次の html があります

<div *ngIf="isEditHistoric; else editStatus">
  <mat-dialog-content>
    <app-mycomponent></app-mycomponent>
  </mat-dialog-content>
</div>

app-mycomponent にはマテリアルテーブルが含まれています

<table  mat-table [dataSource]="dataSourceEntityList" multiTemplateDataRows>


    <!-- name Column -->
    <ng-container matColumnDef="name">

残念ながらモーダルの横スクロールバーが表示されないので表全体が見えません

行の高さのチェックを外すと、100%; 次のCSSでは、水平スクロールバーを取得しますが、モーダルの高さが正しくありません

.cdk-overlay-container, .cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

アップデート

昨日コンピューターをシャットダウンし、今朝起動したところ、エラーは消えました。残念ながら、水平スクロールバーと垂直スクロールバーはモーダル内にありますが、モーダルの境界に配置したいと考えています。解決策を教えていただけますか