title: How to include links at the end of a row in a WebGrid?
body: <p>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: <img src="https://i.imgur.com/pEDMR.png" alt="first picture">. </p>
  
  <p>I later updated my view so as to use a Webgrid instead: <img src="https://i.imgur.com/BnFXC.png" alt="WebGrid"><br>
   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)</p>
  
  <p>Current View code:</p>
  
  <pre> 
      @model IEnumerable
  
      @{
      ViewBag.Title = "DisplayMembers";
      }
  
     <h2>DisplayMembers</h2>  
  
      @{  var grid = new WebGrid(Model, canSort: false, canPage: true, defaultSort: "UserRoleId"); }
  <br />
  
       @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")
        ))
      
  </pre>