Árvore de páginas


Esta Propriedade permite que seja possível adicionar qualquer conteúdo para ser apresentado entre o HEADER de ações da tabela e a própria TABELA.

Em seu uso, deve-se apenas passar um TemplateRef na propriedade t-header-template.

Modo de uso:

...
<thf-grid .
  ..
  [t-header-template]="template"
></thf-grid>

<ng-template #template>
   <div style="display: flex; gap: 8px; align-items: center;">
       <po-tag [p-type]="tagTypeDanger" p-value="Remover todos"> </po-tag>
       <po-tag [p-type]="tagTypeInfo" [p-removable]="true" p-value="Brasil"> </po-tag>
       <po-tag [p-type]="tagTypeInfo" [p-removable]="true" p-value="College"> </po-tag>
   </div>
</ng-template>
...

No exemplo acima, será adicionado uma div com 3 tags logo após o HEADER.


  • Sem rótulos