настраиваемый шаблон заголовка ngx-datatable со значком сортировки поля ввода - PullRequest
Новая
       59

настраиваемый шаблон заголовка ngx-datatable со значком сортировки поля ввода

0 голосов
/ 06 августа 2020

Я пытаюсь создать datatable с ngx-datatable, в этой таблице мне нужно фильтровать по столбцу. Я создал в определении заголовка поле ввода с функцией фильтрации. Это прекрасно работает. Я также добавляю сортировку с настраиваемым заголовком.

определение моего столбца: 

<ngx-datatable-column name="createTimestamp" [minWidth]="getWidth(6)" [maxWidth]="getWidth(6)">
<ng-template let-column="column" ngx-datatable-header-template let-sort="sortFn">
  <span (click)="sort()">Erster Auftritt</span>
  <div class="reportfilterbackground">
    <input type="text" class="form-control reportfilter" aria-describedby="basic-addon1" [(ngModel)]="dateFilter">
  </div>
</ng-template>
<ng-template let-row="row" ngx-datatable-cell-template>
  {{row.createTimestamp | date:'dd.MM.yyyy HH:mm:ss'}}
</ng-template>

Он работает нормально, но значок сортировки находится в ложной позиции:

enter image description here

I show the DOM and i see the sorticon is added after the inputfield: введите описание изображения здесь

Я попытался переместить значок в правильное положение с помощью css, но, к сожалению, это не сработало, потому что ширина и имена столбцов сильно различаются.

У кого-нибудь есть идея, как я могу решить эту проблему?

...