首页 > 解决方案 > Ag-grid 分页中的奇怪文本

问题描述

我不能发布整个代码,但这是最重要的部分。

$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,
    };

根据文档添加自动分页只需要最后两行。

网格继续正确显示 - 至少它的内容可以。但是,AG-grid 生成的分页文本看起来像这样(抱歉,我无法选择它并在此处复制/粘贴):

在此处输入图像描述

单击“奇怪的文本”可以让我分页开始/结束并按一页向前返回。

它可能只是一个字符集的东西,但我不知道如何解决它。有任何想法吗?


[更新] 根据@georgeawg 的评论,我检查了这些元素并得到了这个(抱歉它是一张图片,我不知道如何将它复制/粘贴为文本):

在此处输入图像描述


[更新 2] 我曾认为这可能是字符集问题或 CSS。我同时添加了ag-grid.min.csssand ag-theme-balham.min.css(因为我在 HTML 中将网格声明为<div ag-grid="currentCandidatesGrid" class="ag-theme-balham"></div>),但这并没有帮助。

标签: angularjsag-grid

解决方案


以防万一其他人将来遇到同样的问题 - 这是字符集。

我变了

<html ng-app="myApp">
    <head>

<html  lang="en" ng-app="myApp">
    <head>
        <meta charset="utf-8"/>

即我添加了语言和字符集信息,现在我看到了

在此处输入图像描述


推荐阅读