如何在AG-Grid分页中将分页文本“下一页”“上一页”更改为图标或箭头

<!-- 自定义分页组件的HTML结构 -->
<div class="custom-pagination">
  <button class="prev-page"><i class="fas fa-arrow-left"></i></button>
  <span class="page-info">Page {{ currentPage }} of {{ totalPages }}</span>
  <button class="next-page"><i class="fas fa-arrow-right"></i></button>
</div>

<!-- 自定义分页组件的CSS样式 -->
<style>
  .custom-pagination {
    display: flex;
    align-items: center;
  }

  .custom-pagination button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px;
    margin: 0 5px;
  }
</style>

<!-- JavaScript代码 -->
<script>
  // 获取AG-Grid实例
  var gridOptions = agGrid.GridOptions.api;

  // 监听分页事件
  gridOptions.addEventListener('paginationChanged', function() {
    // 获取分页相关信息
    var currentPage = gridOptions.paginationGetCurrentPage() + 1;
    var totalPages = gridOptions.paginationGetTotalPages();

    // 更新分页组件的显示
    document.querySelector('.page-info').textContent = 'Page ' + currentPage + ' of ' + totalPages;
  });

  // 监听上一页按钮点击事件
  document.querySelector('.prev-page').addEventListener('click', function() {
    gridOptions.paginationGoToPreviousPage();
  });

  // 监听下一页按钮点击事件
  document.querySelector('.next-page').addEventListener('click', function() {
    gridOptions.paginationGoToNextPage();
  });
</script>