Forums Ignite UI for Angular
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Shobhana Suara
1415
On click of id(dynamic), navigate to different url
posted

Hello Team,

I am using igx data grid. 

Requirement: On click of cell with id column, it should navigate to different url with base/{{id}} and id should be dynamic. 

I tried to achieve using routerLink as below in html:

<igx-grid #grid1 [autoGenerate]="false" [data]="all" [height]="'550px'" [showToolbar]="true"
[width]="'100%'" [emptyGridMessage]="emptyMessage" [isLoading]="gridLoading" [displayDensity]="'compact'"
[paging]="false" [perPage]="10" [cellSelection]="'single'">
<igx-column field="rebalanceId" header="ID" dataType="string" [resizable]="true"
sortable="true" [cellClasses]="statusClasses">
<ng-template #cellTemplate igxCell let-Id>
<a  [routerLink]="['products', Id]
> {{ Id }} </a>
</ng-template>
</igx-column>
But not able get as per requirement

Please provide a stackbliz sample, if possible ASAP as it is an ongoing project.

Thanks.

Parents
No Data
Reply Children
No Data