Шаблон заголовка PrimeNG

Я пытаюсь добавить диапазон с всплывающей подсказкой к заголовку столбца, используя PrimeNG версии 4.30.

Согласно этой проблеме, это должно быть выполнено с помощью декоратора pTemplate в элементе шаблона (позже устарело в пользу ng-template). Шаблоны type="body" работают нормально, но когда я пытаюсь использовать их с type="header", заголовок оказывается пустым, несмотря на то, что строки заполняются отлично.

<p-column sortable="true">
  <ptemplate pTemplate type="header">
      <label>my field</label>
      <span class="fa fa-question-circle" pTooltip="my tooltip" tooltipPosition="right" tooltipEvent="hover" showDelay="50" hideDelay="200"></span>
  </ptemplate>
  <ng-template let-linha="rowData" pTemplate type="body">
    {{linha.myField}}
  </ng-template>
</p-column>

Изменение порядка шаблонов заставляет таблицу заполнять строки label и span, которые я намеревался поместить в заголовок, что заставляет меня подозревать, что он игнорирует не только type, но и первый шаблон в целом.


angular primeng primeng-datatable
person manoftheyear    schedule 24.07.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

По-видимому, атрибут type - это неправильный способ сделать это, вместо этого вы должны установить pTemplate напрямую с типом, который вы хотите использовать. Нравится:

<p-column sortable="true">
  <ptemplate pTemplate="header">
      <label>my field</label>
      <span class="fa fa-question-circle" pTooltip="my tooltip" tooltipPosition="right" tooltipEvent="hover" showDelay="50" hideDelay="200"></span>
  </ptemplate>
  <ng-template let-linha="rowData" pTemplate="body">
    {{linha.myField}}
  </ng-template>
</p-column>

Это решило проблему.

person manoftheyear    schedule 25.07.2018