在angular material 15更新后，我們大多數(shù)人都會知道它打破了很多CSS的變化。其中一個帶有粘性頭的遺留代碼也被破壞了。

<div class="row">
  <div class="col-12">
    <div>
      <table id="drawItemsGrid" *ngIf="budgetService.Budget" class="table table-hover table-sm budget-table">
        <thead>
          <tr style="position: sticky; top: 0; z-index: 99999999 !important;">
            <th class="text-center" style="width: 6%;">Line #</th>
            <th style="width: 10%;">Description</th>
            <th class="text-right" style="width: 8%;">Current <br />({{budgetService.BudgetTotal.Budget | currency}})
            </th>
            <th class="text-right" style="width: 8%;">Disbursed <br />({{budgetService.BudgetTotal.Paid | currency}})
            </th>
            <th class="text-right" style="width: 10%;">Requested <br />({{budgetService.BudgetTotal.Requested |
              currency}})</th>
            <th class="text-right" style="width: 10%;">Pending <br />({{budgetService.BudgetTotal.Pending | currency}})
            </th>
            <th class="text-right" style="width: 10%;">Retention <br />({{budgetService.BudgetTotal.Retainage |
              currency}})</th>
            <th class="text-right" style="width: 8%;">Balance <br />({{budgetService.BudgetTotal.Balance | currency}})
            </th>
            <th class="text-center" style="width: 8%;">Disb + Pend</th>
            <th class="text-right" style="width: 8%;">Complete %</th>
            <th style="width: 14%;">Comments</th>
            <th style="width: 5%;text-align: center;">Borrower ({{budgetService?.totalBorrowersPendingAmount}})</th>
            <th style="width: 5%;text-align: center;">Contractor ({{budgetService?.totalContractorsPendingAmount}})</th>
            <th colspan="2" style="text-align: center;">Support<br /><span style="float: left;">I</span> <span style="float: right;">P</span></th>
          </tr>
        </thead>

經(jīng)過在互聯(lián)網(wǎng)上的大量搜索，感謝@danday74 @Asons，當然還有ChatGPT找到了導(dǎo)致這個問題的父元素。https://stackoverflow.com/a/51222156/4890272

來了下面的CSS這是打破了我。

::ng-deep .mat-mdc-tab-group-dynamic-height .mat-mdc-tab-body-content {
  overflow: unset !important;
}

::ng-deep .mat-mdc-tab-body {
  overflow: unset !important;
}

::ng-deep .mat-mdc-tab-body-wrapper {
    overflow: unset !important;
}