Ag-grid 分页中的奇怪文本
Posted
技术标签:
【中文标题】Ag-grid 分页中的奇怪文本【英文标题】：Strange text in Ag-grid pagination 【发布时间】：2020-05-12 06:40:18 【问题描述】：我无法发布整个代码，但这是最重要的部分。
$scope.previousCandidatesGrid =
columnDefs: [ headerName: "Candidate", field: "candidate_name",
headerName: "Skills", field: "skills",
headerName: "Start date", field: "start_date",
headerName: "End date", field: "end_date"
],
rowData: [], // will be added in $scope.MarkerClicked()
pagination: true,
paginationAutoPageSize: true,
;
根据documentation添加自动分页只需要最后两行。
网格继续正确显示 - 至少它的内容可以。但是，AG-grid 生成的分页文本看起来像这样（抱歉，我无法选择它并在此处复制/粘贴）：
点击“奇怪的文字”可以让我翻页开始/结束并按一页向前。
这可能只是一个字符集的问题，但我不知道如何解决它。有什么想法吗？
[更新] 根据@georgeawg 的评论，我检查了这些元素并得到了这个（抱歉它是一张图片，我不知道如何将其复制/粘贴为文本）：
[更新 2] 我曾认为这可能是字符集问题或 CSS。我已经添加了 ag-grid.min.csss 和 ag-theme-balham.min.css（因为我在 html 中将网格声明为 <div ag-grid="currentCandidatesGrid" class="ag-theme-balham"></div>），但这并没有帮助。
【问题讨论】：
使用开发者控制台检查这些元素。他们的 HTML 和 CSS 是什么？ 我添加了一个屏幕截图（抱歉，不知道如何复制/粘贴。一切看起来都很简单，而且 HTML 是由ag-grid 注入的，而不是我。我只是添加了这两个网格选项，根据谴责。
问题似乎出在ag-icons。 first、previous、next 和 last 按钮是错误的。这与ag-icons 字体库有些冲突。
我想这只是知道我应该从ag-grid-master.zip 复制什么的问题。请注意，我手动执行此操作，而不是使用包管理器。
你能告诉我们Next、Last、Previous、First按钮的CSS吗？特别是::before。似乎ag-grid 的样式正在从您的应用程序的某处被覆盖。因此，当您从html 引用它们时，请尝试最后引用它们
【参考方案1】：
以防万一其他人将来遇到同样的问题 - 这是字符集。
我变了
<html ng-app="myApp">
<head>
到
<html lang="en" ng-app="myApp">
<head>
<meta charset="utf-8"/>
即我添加了语言和字符集信息，现在我看到了
【讨论】：
以上是关于Ag-grid 分页中的奇怪文本的主要内容，如果未能解决你的问题，请参考以下文章