Routing (link) to subpage

[Grzegorz Golen]

Dear Sirs,

In SyncFusion’s element grid I want to present a table.

The table cointains names of employes and the code looks as follows:

<e-column field='idn' headerText='Name' textAlign='Right' width=90 ></e-column>

I would like cell „Name” to be a routing (link) to subpage „SpecifiedName” that shows the infromations regarding particular employe. How can I achieve this goal? Is there something like rel='nofollow' href to get transferred to subpage from cell in a grid (table)?

[Hariharan J V]

Hi Grzegorz, 

 

Thanks for contacting Syncfusion support. 

 

Query: I would like cell „Name” to be a routing (link) to subpage „SpecifiedName” that shows the infromations regarding particular employe. How can I achieve this goal? Is there something like rel='nofollow' rel='nofollow' href to get transferred to subpage from cell in a grid (table)? 

 

We have validated your query and you can achieve your requirement by using below method. You can achieve your requirement by using column template. Please find the below code example for your reference. 

 

[code example] 

<div class="control-section"> 

        <ejs-grid [dataSource]='data' height='350'> 

        <e-columns> 

            <e-column field='OrderID' headerText='Order ID' width='120' textAlign='Right'></e-column> 

            <e-column field='CustomerName' headerText='Customer Name' width='150'> 

                <ng-template #template let-data> 

                <div> 

                    <a rel='nofollow' href="#">{{ data.CustomerName }}</a>    //add your link here instead of # 

                </div> 

                </ng-template> 

            </e-column> 

        .... 

        .... 

       </e-columns> 

    </ejs-grid> 

</div > 

 

We have prepared a simple sample based on your requirement. Please find the sample in below link. 

 

Sample link: https://stackblitz.com/edit/angular-vwreu2-cwnhuc?file=default.html 

Please get back to us if you need further assistance on this. 

Regards, 

Hariharan 

[Grzegorz Golen]

Hi Hariharan,

Thank you very much for answer and suport. The way provided by you works perfectly. 

Regards, 

[Hariharan J V]

Hi Grzegorz, 

Thanks for your update. We are happy to hear that your problem has been resolved. 

 

Regards,  

Hariharan