如何重置datagrid的状态，并将clr-datagrid-pagination的page设置回1

import { Component, ViewChild } from '@angular/core';
import { ClrDatagrid, ClrDatagridPagination } from '@clr/angular';

@Component({
  selector: 'app-datagrid',
  template: `
    <clr-datagrid #datagrid>
      <!-- datagrid columns and rows -->
    </clr-datagrid>
    <clr-datagrid-pagination #pagination></clr-datagrid-pagination>
    <button (click)="resetDataGrid()">重置</button>
  `,
})
export class DataGridComponent {
  @ViewChild('datagrid', { static: true }) datagrid: ClrDatagrid;
  @ViewChild('pagination', { static: true }) pagination: ClrDatagridPagination;

  resetDataGrid() {
    // 重置datagrid状态
    this.datagrid.reset();
    // 将页码设置为1
    this.pagination.page = 1;
  }
}