如何自定义ag grid的分页视图？

// 创建自定义分页组件
class CustomPaginationComponent {
  constructor() {
    this.container = document.createElement('div');
    this.container.className = 'custom-pagination';
    // 添加分页元素和事件监听
    // ...
  }

  getGui() {
    return this.container;
  }

  // 更新分页数据
  updatePageData(pageData) {
    // 更新分页数据的显示
    // ...
  }
}

// 配置AG Grid
const gridOptions = {
  // 其他配置项...
  pagination: true, // 启用分页功能
  paginationPageSize: 10, // 每页显示10条数据
  paginationNumberFormatter: (params) => {
    // 渲染自定义分页组件
    const customPaginationComponent = new CustomPaginationComponent();
    customPaginationComponent.updatePageData(params.api.paginationGetCurrentPageData());
    return customPaginationComponent.getGui();
  },
};

// 创建AG Grid实例
new agGrid.Grid(gridDiv, gridOptions);