ng-configure/src/app/pages/service-register-config/service-register-config.com...

<div class="h-full flex flex-col p-2 min-w-0">
  <!-- 顶部标题区域 -->
  <app-sticky-header
    [title]="title"
    [hintText]="hintText"
    [buttonText]="'注册'"
    [buttonIcon]="'add'"
    [buttonColor]="'primary'"
    [disabled]="registering"
    [loading]="registering"
    [showDebugInfo]="true"
    [debugDataSource]="debugInfo.dataSource"
    [debugRecordCount]="debugInfo.recordCount"
    [debugLastUpdated]="debugInfo.lastUpdated"
    [debugUseMockData]="debugInfo.useMockData"
    [debugRegisterUrl]="debugInfo.registerUrl"
    [debugListUrl]="debugInfo.listUrl"
    [autoDetect]="true"
      [scrollContainer]="'.content-area'"
     [scrollThreshold]="20"
    [compactThreshold]="80"
    [widthTarget]="'#matCard'"
    (buttonClick)="onRegister()"
  ></app-sticky-header>
   
      <mat-card #matCard id="matCard" class="flex-1">
    <mat-card-content>
        <!-- AG Grid组件 -->
        <ag-grid-angular
           class="ag-theme-alpine h-[800px]"
          [columnDefs]="columnDefs"
          [rowModelType]="'infinite'"
          [datasource]="datasource"
          [pagination]="true"
          [paginationPageSize]="paginationPageSize"
          [cacheBlockSize]="paginationPageSize"
          [maxBlocksInCache]="10"
            [domLayout]="'normal'"
          [rowSelection]="'single'"
          (gridReady)="onGridReady($event)">
        </ag-grid-angular>
    </mat-card-content>
  </mat-card>
</div>