@model IEnumerable<WebGrid2.Models.Employee>
@{
Layout = null;
ViewBag.Title = "List of users";
var grid = new WebGrid(source:Model,canPage:true, rowsPerPage:10);
grid.Pager(WebGridPagerModes.All);
}
<h2>List of Users</h2>
<style type="text/css">
.webgrid-table
{
font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
font-size: 1.2em;
width: 100%;
display: table;
border-collapse: separate;
border: solid 1px #98BF21;
background-color: white;
}
.webgrid-table td, th
{
border: 1px solid #98BF21;
padding: 3px 7px 2px;
}
.webgrid-header
{
background-color: #A7C942;
color: #FFFFFF;
padding-bottom: 4px;
padding-top: 5px;
text-align: left;
}
.webgrid-footer
{
}
.webgrid-row-style
{
padding: 3px 7px 2px;
}
.webgrid-alternating-row
{
background-color: #EAF2D3;
padding: 3px 7px 2px;
}
</style>
<div id="content">
@grid.GetHtml(
tableStyle:"webgrid-table",
headerStyle:"webgrid-header",
footerStyle:"webgrid-footer",
alternatingRowStyle:"webgrid-alternating-row",
rowStyle:"webgrid-row-style",
columns:grid.Columns(
grid.Column("EmployeeID",header:"EmployeeID" + WebGrid2.Models.Helper.SortDirection (null,ref grid ,"EmployeeID")),
grid.Column(columnName:"EmployeeName",header:"Employee Name"),
grid.Column(columnName:"EmployeeSal", header:"Employee Sal"),
grid.Column("EmpAge",header:"EmpAge"+ WebGrid2.Models.Helper.SortDirection (null,ref grid ,"EmpAge")),
grid.Column("EmployeeID",header :"Action", canSort: false, format: @<text> @Html.ActionLink("Edit","Edit",new {id = item.EmployeeID} ) |
@Html.ActionLink("Delete","Delete",new {id = item.EmployeeID} ) |
@Html.ActionLink("Details","Details",new {id = item.EmployeeID} ) |
</text> )
))
</div>