ngx-datatable: как сделать всплывающие подсказки

Вы можете легко использовать атрибут всплывающей подсказки для начальной загрузки и всплывающую подсказку данных для материализации. Основным атрибутом будет заголовок.

tooltip="your tooltip"

Но есть некоторый конфликт с классом шаблона, поэтому возможно, что вы потеряете функциональность сортировки, если вам нужны всплывающие подсказки в заголовках столбцов. Есть такой обходной путь.

<ngx-datatable-column  [width]="500" prop="name" headerClass="text-left">
                    <ng-template ngx-datatable-header-template let-column="column" let-sort="sortFn">
                        <div class="d-inline-block datatable-header-cell-wrapper" tooltip="your tooltip" container="body" [adaptivePosition]="false" placement="top">
                            <span class="datatable-header-cell-label draggable" (click)="sort()">Column Header</span>
                        </div>
                    </ng-template>

Я также смог реализовать всплывающую подсказку с помощью ngbTooltip.

<ng-template let-column="column"
      ngx-datatable-header-template>
      <div container="body"
           [ngbTooltip]="'tooltip text">
           header 1
      </div>
</ng-template>

Обратите внимание, что всплывающая подсказка не отображалась должным образом, пока я не добавил container="body"

Я понял, что это связано с тем, что в ячейках установлен атрибут title. Я не уверен, почему в одних случаях он установлен, а в других нет, но, по крайней мере, я могу добавить его в свои собственные шаблоны.