无法在primeng表中使用粘滞标题

import { TableModule } from 'primeng/table';
import { ScrollingModule } from '@angular/cdk/scrolling';

@NgModule({
  imports: [
    // other imports
    TableModule,
    ScrollingModule
  ],
  // other configurations
})
export class YourModule { }

<p-table [value]="yourData" scrollable="true" scrollHeight="200px">
  <!-- 表头 -->
  <ng-template pTemplate="header">
    <tr>
      <th>列1</th>
      <th>列2</th>
      <!-- 其他表头列 -->
    </tr>
  </ng-template>

  <!-- 表体 -->
  <ng-template pTemplate="body" let-rowData>
    <tr>
      <td>{{rowData.column1}}</td>
      <td>{{rowData.column2}}</td>
      <!-- 其他表格列 -->
    </tr>
  </ng-template>
</p-table>

/* 表头样式 */
.ui-table .ui-table-thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

/* 表格内容样式 */
.ui-table .ui-table-tbody {
  max-height: 200px; /* 设置合适的高度 */
  overflow-y: auto;
}