如何根据某些条件突出显示webgrid单元格的背景颜色

我是MVC的新手。请指导我

我正在显示网页。

I am new to MVC. Kindly guide me
I am displaying the webgrid.

View
@model  IEnumerable<GridViewMVC.Models.Employee>

@{
    ViewBag.Title = "Home Page";
    WebGrid grid = new WebGrid(Model);
}


<div>
@grid.GetHtml(
        tableStyle:"GridTable",
        headerStyle :"GridHeader",
        footerStyle :"GridFooter",
        alternatingRowStyle :"GridAlterRow",
        rowStyle:"gridRow",        
        
        columns:grid.Columns(
        grid.Column("Id","Emp Id"),
        grid.Column("Name","Name"),
        grid.Column("Age","Age"),
        grid.Column("Designation","Title"),
        grid.Column("Gender","Gender")
))

</div>

---在模型中声明属性。在控制器中我传递Employee List对象来查看



- 输出以这种方式出现

---in model the properties are declared. And in controller I am passing the Employee List object to view

--output comes in this way

Emp Id   Name           Age   Designation   Gender
1        Anurag         24    SE             Male
2        Mike           31    Lead           Male
3        George         41    GPM            Male

--Now i want to highlight the background color of Age as per this condition.

if age is in between 20 to 30, background color Green
if age is in between 30 to 40, background color Yellow
if age is in between 40 above,background color of that cell will be Red

--How can i achieve this. And how to fetch particular cell[webgrid cell] and change that particular grid cell background-color depending on the condition.

--kindly help me