Comment ajouter un lien hypertexte à la colonne datatable de Primeng, angulaire 2 voies

Question

J'utilise la datatable Primeng dans ma configuration de projet.Mais je veux que la première colonne de toutes les lignes soit un lien hypertexte, de sorte que je puisse relier celles-ci aux pages suivantes en utilisant [ routerLink] (angle 2 voies) .Je suis tout à fait incapable de réaliser cela ...

Y at-il un moyen de contourner celui-ci en primeng ..?

Merci d'avance!

Answer 1

Je suis votre vrai maseeaha essayer ce qu'il fonctionne:

<p-dataTable [value]="cars"> 
    <p-column *ngFor="let col of cols" [field]="col.field" [header]="col.header"> 
     <template let-row="rowData" pTemplate> 
       <span *ngIf="col.header==='Vin'"><a style="color:blue;" routerLink="/prbDetails/{{row.vin}}">{{row[col.field]}}</a></span> 
       <span *ngIf="col.header!=='Vin'">{{row[col.field]}}</span> 
     </template> 
    </p-column> 
</p-dataTable> 

Answer 2

Votre Maseeha est de retour :)

espoir cette solution peut vous aider :)

<p-dataTable [value]="data" [rows]="50" [rowsPerPageOptions]="[500,1000,2000]" [paginator]="true" [pageLinks]="5" sortMode="single" reorderableColumns="true" scrollable="true" scrollHeight="200px" [globalFilter]="gb" #dt exportFilename="search" styleClass="styles"> 
    <p-column field="name" header="Name" [sortable]="true"> 
        <ng-template let-col let-data="rowData" pTemplate="body"> 
         <span><a [routerLink]='["pageName"]' [queryParams]='{key1:data["Your Value"],key2:data["Your Value"]}' style="color: blue;">{{data["Your Value"]}}</a></span> 

        </ng-template> 
       </p-column> 

</p-dataTable>