ag-grid 如何更改分页按钮文本答案

【问题标题】：ag-grid how to change the paging button textag-grid 如何更改分页按钮文本
【发布时间】：2016-10-16 02:16:29
【问题描述】：

我正在使用 ag-grid 来显示网格视图。它工作正常。

是否可以用箭头更改分页按钮下一个和上一个文本？任何建议都会有所帮助

【问题讨论】：

它可以通过链接和代码示例为您的助手提供帮助。
您阅读过文档吗？ ag-grid.com/javascript-grid-styling/index.php
是的，我浏览了 ag-grid 文档，但找不到任何有关使用图标更改分页按钮文本的示例。
查看文档和 ag-Grid 分页元素上的代码，分页控件似乎是硬编码的。您要么需要在组件的本地副本中修改模板，要么向开发人员请求更改功能。 github.com/ceolter/ag-grid/blob/master/src/ts/rowControllers/…
该模板似乎也使用了本地化服务：github.com/ceolter/ag-grid/blob/master/src/ts/rowControllers/…。您可以创建自定义本地化并用您自己的值替换 [FIRST]、[PREVIOUS] 等。然而，最终，这似乎是开发人员可以帮助您解决的问题。

标签： javascript html angularjs ag-grid

【解决方案1】：

查看这些按钮的标记：

你可以通过选择器来控制这些按钮，然后做任何你想做的事情。

让我用图片替换“下一步”按钮。

document.getElementById('btNext').innerHTML = '';

var image = document.createElement('<img>');
image.src = 'images/myarrow.jpg';
document.getElementById('btNext').appendChild(image);

这是一个关于如何做到这一点的粗略演示。

【讨论】：