Hyperlink to primeng datatable column

1
votes

how to add hyperlink to primeng datatable column to pass that column value to new window in angular 2 app? 

<p-column field="name" header ="Name" [sortable]="true" [filter]="true" >
    <ng-template let-row="rowData" pTemplate type="body">
      {{row.name}}
    </ng-template>
  </p-column>

On click of name in the datatable , have to display name in the text box of new page. Can anyone provide code samples for this ?

3
angularhyperlinkprimeng-datatable

3 Answers

5
votes

You can just add the link inside your ng-template. For example:

<p-column field="name" header ="Name" [sortable]="true" [filter]="true" >
    <ng-template let-row="rowData" pTemplate type="body">
        <a routerLink="/target/{{row.id}}">{{row.name}}</a>
    </ng-template>
</p-column>
2
votes

After adding the router link , it is working fine. 

 <p-column field="name" header ="Name" [sortable]="true" [filter]="true" >
        <ng-template let-row="rowData" pTemplate type="body">
          <a [routerLink]="['/newregform',row.name]">{{row.name}}</a>
        </ng-template>
     </p-column>
0
votes

You can provide template for column and render there all that you need.