Hi NerakSeven,
Check this example. Now please take its reference and correct your code.
Controller
public class HomeController : Controller
{
// GET: /Home/
public ActionResult Index()
{
System.Data.DataTable dt = new System.Data.DataTable();
dt.Columns.AddRange(new System.Data.DataColumn[] {
new System.Data.DataColumn("Code", typeof(int)),
new System.Data.DataColumn("Name", typeof(string)),
new System.Data.DataColumn("Country",typeof(string)),
new System.Data.DataColumn("rule1",typeof(string)),
new System.Data.DataColumn("rule2",typeof(string)),
new System.Data.DataColumn("rule3",typeof(string))});
dt.Rows.Add(1, "John Hammond", "United States", "fail", "fail", "pass");
dt.Rows.Add(2, "Mudassar Khan", "India", "fail", "pass", "fail");
dt.Rows.Add(3, "Suzanne Mathews", "France", "pass", "fail", "fail");
dt.Rows.Add(4, "Robert Schidner", "Russia", "fail", "pass", "fail");
TempData["Data"] = dt;
return View();
}
}
HTML
<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>
<%@ Import Namespace="System.Data" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Index</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$.each($('.table tr:has(td)'), function () {
if ($(this).find('td').eq(3).html().trim().toLowerCase() == 'fail') {
$(this).find('td').eq(0)[0].style.color = "red";
}
if ($(this).find('td').eq(4).html().trim().toLowerCase() == 'fail') {
$(this).find('td').eq(1)[0].style.color = "red";
}
if ($(this).find('td').eq(5).html().trim().toLowerCase() == 'fail') {
$(this).find('td').eq(2)[0].style.color = "red";
}
});
});
</script>
</head>
<body>
<table class="table">
<tr>
<% foreach (DataColumn col in (TempData["Data"] as DataTable).Columns)
{ %>
<th>
<%=col.ColumnName%>
</th>
<%} %>
</tr>
<% foreach (DataRow row in (TempData["Data"] as DataTable).Rows)
{ %>
<tr>
<% foreach (DataColumn col in (TempData["Data"] as DataTable).Columns)
{ %>
<td>
<%=row[col.ColumnName]%>
</td>
<%} %>
</tr>
<%} %>
</table>
</body>
</html>
Screenshot
