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

要重置datagrid的状态并将clr-datagrid-pagination的page设置回1，可以按照以下步骤进行操作：

首先，获取到datagrid的实例对象，可以通过前端框架提供的API或者DOM操作来获取。
通过datagrid实例对象的方法或属性，将其状态重置为初始状态。具体的方法或属性名称可能因使用的前端框架而异，可以参考相关文档或API手册。
将clr-datagrid-pagination的page属性设置为1，以将页码重置为第一页。同样地，可以通过前端框架提供的API或者DOM操作来获取clr-datagrid-pagination的实例对象，并设置其属性值。
确保以上操作在适当的时机触发，例如在点击重置按钮或其他相关操作时。

下面是一个示例代码片段，演示如何使用Angular框架中的clr-datagrid和clr-datagrid-pagination组件来重置datagrid的状态并将页码设置回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;
  }
}

请注意，以上示例代码是基于Angular框架和clr-angular组件库的，如果你使用的是其他前端框架或组件库，具体的实现方式可能会有所不同。