search

IHK-GfI / lux-components

Other
17 stars 5 forks source link

LuxTable: Tooltip #379

Closed SNneuf closed 8 months ago

SNneuf commented 9 months ago

In manchen Fällen haben wir zusätzliche Informationen zu den Angaben in einer Zelle. Diese möchten wir gerne als Tooltip anzeigen können.

thodic77 commented 8 months ago

Man kann den luxTooltip verwenden.

<lux-table-column-header>
  <ng-template>
    <span [luxTooltip]="'Tooltip Spalte \'Symbol\''">Symbol</span>
   </ng-template>
 </lux-table-column-header>
 <lux-table-column-content>
   <ng-template let-element>
        <span *ngIf="!element.editable" [luxTooltip]="'Lorem ipsum'">{{ element.symbol | lowercase }}</span>