Hyperlink columns in ASP.NET MVC Grid | Syncfusion Blogs
Live Chat Icon For mobile
Live Chat Icon
Popular Categories.NET  (174).NET Core  (29).NET MAUI  (207)Angular  (109)ASP.NET  (51)ASP.NET Core  (82)ASP.NET MVC  (89)Azure  (41)Black Friday Deal  (1)Blazor  (215)BoldSign  (14)DocIO  (24)Essential JS 2  (107)Essential Studio  (200)File Formats  (66)Flutter  (133)JavaScript  (221)Microsoft  (119)PDF  (81)Python  (1)React  (100)Streamlit  (1)Succinctly series  (131)Syncfusion  (915)TypeScript  (33)Uno Platform  (3)UWP  (4)Vue  (45)Webinar  (51)Windows Forms  (61)WinUI  (68)WPF  (159)Xamarin  (161)XlsIO  (36)Other CategoriesBarcode  (5)BI  (29)Bold BI  (8)Bold Reports  (2)Build conference  (8)Business intelligence  (55)Button  (4)C#  (147)Chart  (131)Cloud  (15)Company  (443)Dashboard  (8)Data Science  (3)Data Validation  (8)DataGrid  (63)Development  (628)Doc  (8)DockingManager  (1)eBook  (99)Enterprise  (22)Entity Framework  (5)Essential Tools  (14)Excel  (40)Extensions  (22)File Manager  (7)Gantt  (18)Gauge  (12)Git  (5)Grid  (31)HTML  (13)Installer  (2)Knockout  (2)Language  (1)LINQPad  (1)Linux  (2)M-Commerce  (1)Metro Studio  (11)Mobile  (507)Mobile MVC  (9)OLAP server  (1)Open source  (1)Orubase  (12)Partners  (21)PDF viewer  (43)Performance  (12)PHP  (2)PivotGrid  (4)Predictive Analytics  (6)Report Server  (3)Reporting  (10)Reporting / Back Office  (11)Rich Text Editor  (12)Road Map  (12)Scheduler  (52)Security  (3)SfDataGrid  (9)Silverlight  (21)Sneak Peek  (31)Solution Services  (4)Spreadsheet  (11)SQL  (10)Stock Chart  (1)Surface  (4)Tablets  (5)Theme  (12)Tips and Tricks  (112)UI  (387)Uncategorized  (68)Unix  (2)User interface  (68)Visual State Manager  (2)Visual Studio  (31)Visual Studio Code  (19)Web  (592)What's new  (332)Windows 8  (19)Windows App  (2)Windows Phone  (15)Windows Phone 7  (9)WinRT  (26)

Hyperlink columns in ASP.NET MVC Grid

The Syncfusion ASP.NET MVC Grid supports extensive column customization options. A common requirement is to be able to format the columns as hyperlinks. The Grid team has created a sample to show formatting columns as hyperlinks using the Format option and the Template option.

Download sample: Mvc_SFGridHyperlink.zip

Format option

@(new HtmlString(Html.Syncfusion().Grid("FlatGrid", "GridModel",
        column =>{
            column.Add(c => c.CategoryName).HeaderText("Category Name").Format("{CategoryName}");
           column.Add(c => c.Description).HeaderText("Description");
            column.Add(c => c.CategoryID).HeaderText("Category ID");
            column.Add(c => c.OtherInfo).HeaderText("Other Info");
        }).ToString()))   

Template option

@(new HtmlString(Html.Syncfusion().Grid("FlatGrid", "GridModel",
        column =>{
            column.Add(c => c.CategoryName).HeaderText("Category Name").TemplateColumn(true).TemplateName("LinkTemplate"); ;
            column.Add(c => c.Description).HeaderText("Description");
            column.Add(c => c.CategoryID).HeaderText("Category ID");
            column.Add(c => c.OtherInfo).HeaderText("Other Info");
        }).ToString())) 

clip_image002

Tags:

Share this post:

Popular Now

Be the first to get updates

Subscribe RSS feed

Be the first to get updates

Subscribe RSS feed