Wie Hyperlink zu Primeng Datatable Spalte hinzufügen, Winkel 2-Wege

Question

Ich verwende Primeng Datentabelle in meinem Projekt-Setup.Aber ich möchte, dass die erste Spalte aller Zeilen Hyperlink, so dass ich diese mit den nächsten Seiten mit [ routerLink] (angular 2 way) .Ich bin ganz unfähig, das zu erreichen ...

Gibt es eine Möglichkeit, um diese in primeng .. umgehen?

Vielen Dank im Voraus!

Answer 1

Ich bin Ihr richtiger maseeaha dies zu versuchen, es funktioniert:

<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

Ihre Maseeha ist zurück :)

Hoffnung diese Lösung könnte Ihnen helfen :)

<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>