How to add a hyperlink in each row of the Blazor Gantt Chart

[Syncfusion Support]

Answer:

We can add hyperlinks in columns by using a custom template.

<SfGantt Id="GanttContainer">  

<GanttColumns>  

   <GanttColumn Field="Custom" Width="150">  

      <Template>  

        @{  

           var TaskData = (context as TaskData);  

           <div><a rel='nofollow' href="#" @onclick="@(() => Navigate(TaskData))">View</a></div>  

         }  

     </Template>  

   </GanttColumn>    

   //…  

</GanttColumns>  

</SfGantt>  

  

@code{  

  //...  

 private void Navigate(TaskData Data)  

 {  

    UriHelper.NavigateTo($"Routing/{Data.TaskId.ToString()}/{Data.TaskName}");  

 }  

}  

Find the sample to add a hyperlink in each row of the Gantt Chart from here.