How to include links at the end of a row in a WebGrid?
===

I am trying to display data in an MVC3 application that shows data from a database. Originally I hacked together a solution using tables which can be seen here: ![first picture](http://i.imgur.com/pEDMR.png). 

I later updated my view so as to use a Webgrid instead: ![WebGrid](http://i.imgur.com/BnFXC.png)  
 I would like to include the Edit and Delete links from my first effort into the Webgrid solution. Does anyone know how I can do this (I could make some of the entries in the webgrid into links-this would be suitable for the edit option but not for the delete)

Current View code:
<pre> 
    @model IEnumerable<CIMsWebApp.Models.ZUserRoleModel>

    @{
    ViewBag.Title = "DisplayMembers";
    }

   <h2>DisplayMembers</h2>  

    @{  var grid = new WebGrid(Model, canSort: false, canPage: true, defaultSort: "UserRoleId"); }
<br />
<div id="grid">
     @grid.GetHtml(
                    tableStyle: "dataGrid",
                    headerStyle: "header",
                    alternatingRowStyle: "evenRow", 
                    columns: grid.Columns
          (
              grid.Column(header: "User Role ID", columnName: "UserRoleId"),
              grid.Column(header: "UserName", columnName: "UserName"),
              grid.Column(header: "Role ", columnName: "Role"),
              grid.Column(header: "Active", columnName: "ActiveInd")
      ))
    </div>
</pre>