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

【问题标题】：How to change pagination text "Next" "Previous" to Icon or arrow in AG-Grid pagination如何在 AG-Grid 分页中将分页文本“下一个”“上一个”更改为图标或箭头
【发布时间】：2018-01-24 10:52:00
【问题描述】：

我正在使用 AG-Grid 想要将分页按钮文本更改为图标或箭头请帮助我。请检查随附的屏幕截图。

【问题讨论】：

请向我们展示您尝试过的示例。您是否尝试通过覆盖 ag-grid 指定的类来添加图标？
ag-grid.com/javascript-grid-pagination/…
@pawel 它不是 ag-grid 的代码，它是 OP 在提问之前应该尝试的代码。例如：他是否覆盖了按钮的 css？

标签： reactjs pagination next ag-grid

【解决方案1】：

实现您需要的一种方法，但涉及更多工作，是通过将网格选项中的“suppressPaginationPanel”设置为 true 来完全隐藏内置分页控件。然后您需要添加按钮和文本“Page ... of ...”。按钮应该调用网格 api 函数，如 paginationGoToNextPage() 等，您可以使用 paginationGetCurrentPage() 等函数生成文本。您可以在https://ag-grid.com/javascript-grid-pagination/?framework=all#gsc.tab=0 找到所有详细信息

【讨论】：

我通过覆盖 CSS 类添加了图标。我的问题得到了解决。谢谢大家的帮助
@NitinShinde 我也面临同样的问题，你能分享一下如何覆盖 css
@Nitin 能否分享一下覆盖 CSS 的步骤，因为我也面临同样的问题