title: Custom design using webgrid
body: <p>I need to show records some thing like thing. Please check the Image give below. I need to show the records in webgrid. </p>
  
  <p><img src="https://i.stack.imgur.com/XAPnf.png" alt="enter image description here"></p>
  
  <pre><code>@{ 
    MalayaleeTech.Models.NewLIst newsL = new MalayaleeTech.Models.NewLIst(); 
  } 
  @{ 
    var grid = new WebGrid(Model.News, canPage: true, rowsPerPage: 10, selectionFieldName: "selectedRow", ajaxUpdateContainerId: "gridContent");
    grid.Pager(WebGridPagerModes.NextPrevious); 
  } 
  
  
  
  @grid.GetHtml(tableStyle: "webGrid",
                                      headerStyle: "header",
                                      mode: WebGridPagerModes.All,
                                      numericLinksCount: 10,
                                      firstText: "&lt;&lt;",
                                      previousText: "&lt;",
                                      nextText: "&gt;",
                                      lastText: "&gt;&gt;",
                                      displayHeader:false,
                                      footerStyle: "webgrid-footer",
                                      columns: grid.Columns(
                                      grid.Column("NewsID", "News ID", style: "gridrow"),
                                      grid.Column("NewsHeader", "News Header", style: "gridrow")
  
                               ))   
  </code></pre>