title: ASP.net MVC making cell contents as link in Grid.MVC
body: <p>I am developing an ASP.net MVC application.</p>
  
  <p>Earlier I used the following code to display a table of products.</p>
  
  <pre><code>foreach (var item in Model)
  {
    &lt;div class="row"&gt;
      &lt;div class="cell"&gt;
        @Html.ActionLink(item.productName, "ViewProduct", "Showcase", 
          new { productID = item.productID }, null)
      &lt;/div&gt;
      &lt;div class="cell"&gt;
        @item.quantity
      &lt;/div&gt;
      &lt;div class="cell"&gt;
        @item.price
      &lt;/div&gt;
    &lt;/div&gt;  
  }
  </code></pre>
  
  <p>It worked fine, I was able to make the Nx1'st element as a link to redirect to the view that displays the product's details.</p>
  
  <p>Then I wanted to implement GridView to display products table using MVC.Grid Nuget package.</p>
  
  <p><strong>Grid works fine but I can't make the Nx1'st element as link so that I can redirect.</strong></p>
  
  <p>I tried out this but it's not working. </p>
  
  <pre><code>  @Html.Grid(Model).Columns(columns =&gt;{
     columns.Add(model =&gt; model.productName).Titled("Name").Filterable(true)
       .RenderValueAs(o =&gt; Html.ActionLink(o.productName, "ViewProduct", "Showcase", 
         new { productID = o.productID }, null));
     columns.Add(model =&gt; model.quantity).Titled("Quantity Available");
     columns.Add(model =&gt; model.price).Titled("Price");
   }).WithPaging(3).Sortable(true)
  </code></pre>
  
  <p>The output that I get in the Nx1 cell is:</p>
  
  <pre><code>&lt;a href="/Showcase/ViewProduct/?productID=15"&gt;Galaxy Note 3&lt;/a&gt;
  </code></pre>
  
  <p>Desired output:
  <a href="http://google.com" rel="noreferrer">Galaxy Note 3</a></p>
  
  <p>Please help me out. Thanks.</p>