auseft.platform.datav/src/app/routes/data-v/workstation/lj-ag-grid-component/lj-ag-grid-component.component.html

<!-- <label class="custom-label">Your Label</label> -->
<lj-data-v-card
  [showEditButton]="showEditButton"
  [showSetting]="showSetting"
  nz-col
  nzSpan="24"
  nzXs="24"
  nzSm="24"
  nzMd="12"
  nzLg="12"
  nzXl="12"
  nzXXl="12"
  title="{{ title }}"
>
  <!-- style="min-width: 500px" -->
  <ag-grid-angular
    #myGrid
    [ngStyle]="{ height: heightNum == 0 ? 'none' : heightNum + 'rem', flex: heightNum == 0 ? '1' : 'none' }"
    class="ag-theme-quartz ag-theme-acmecorp"
    [suppressPaginationPanel]="true"
    domLayout="print"
    [suppressPaginationPanel]="true"
    [suppressScrollOnNewData]="true"
    [paginationAutoPageSize]="true"
    [paginationPageSize]="pageSize"
    [paginationPageSizeSelector]="paginationPageSizeSelector"
    [pagination]="true"
    [defaultColDef]="defaultColDef"
    [gridOptions]="gridOptions"
    domLayout="autoHeight"
    (gridSizeChanged)="onGridSizeChanged($event)"
    (gridReady)="onGridReady($event)"
  />
  <!-- <app-data-v-lj-table [columns]="tableColumns" [data]="tableData" /> -->
  <br />
  <!-- 分页 -->

  <div [hidden]="!showPageTurning" class="grid-pagination">
    <div class="page-total-style">共 {{ pageRowTotal }} 项数据</div>
    <nz-pagination
      [nzPageIndex]="pageIndex"
      [nzPageSize]="pageSize"
      [nzTotal]="pageRowTotal"
      [className]="paginationThemeClass"
      (nzPageSizeChange)="nzPageSizeChange($event)"
      (nzPageIndexChange)="nzPageIndexChange($event)"
      nzShowSizeChanger
    />
  </div>
</lj-data-v-card>