Странный текст в Ag-grid нумерации - PullRequest
Новая
       100

Странный текст в Ag-grid нумерации

2 голосов
/ 26 января 2020

Я не могу опубликовать весь код, но это важная часть. 

$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 следующим образом (извините, я не могу выделить его и скопировать / вставить здесь):

enter image description here

нажатие «странный текст» позволяет мне переходить на страницу, чтобы начинать / заканчивать и назад на страницу.

Возможно, это просто набор символов, но я не знаю, как это исправить. Любые идеи?

[Обновление] согласно комментарию @ georgeawg, я проверил эти элементы и получил это (извиняюсь, что это изображение, я не могу понять, как скопировать / вставить его как текст) :

enter image description here

[Обновление 2] Я подумал, что это может быть проблема кодировки или CSS. Я добавил ag-grid.min.csss и ag-theme-balham.min.css (потому что я объявил сетку в HTML как <div ag-grid="currentCandidatesGrid" class="ag-theme-balham"></div>), но это не помогло.

1 Ответ

0 голосов
/ 01 февраля 2020

На случай, если у кого-то еще возникнет такая же проблема в будущем - это был набор символов.

Я изменил 

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

на 

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

т.е. добавлена ​​информация о языке и кодировке, теперь я вижу

enter image description here

...