Color Particular column

Question

Hi

i want if colum.segment value = 1 then color of colum.bookid should be blue else color of whole line should be yellow

if (Result != null)
{
    foreach (var colum in Result)
    {
        string StudentName = "";
        View_SessionDetail Res = bALSessionPlan.GetSessionDetail(Convert.ToInt32(colum.SessionPlanID));
        ZoomMeeting Zoom = bALZoom.GetZoomMeetingDetail(Convert.ToInt32(colum.SessionDeliveryCalendarID));

        htmlTable.Append("<tr>");
        htmlTable.Append("<td >" + colum.SessionDeliveryCalendarID + "</td>");
        htmlTable.Append("<td >" + colum.BookID + "</td>");
        htmlTable.Append("<td >" + colum.SessionID + "</td>");
        htmlTable.Append("<td >" + colum.MentorID + "</td>");
        htmlTable.Append("<td >" + colum.Segment + "</td>");
        htmlTable.Append("</tr>");
    }
}

Thanks

Amit Mohanty · Answer

Try this if (Result != null) { foreach (var colum in Result) { string StudentName = ""; View_SessionDetail Res = bALSessionPlan.GetSessionDetail(Convert.ToInt32(colum.SessionPlanID)); ZoomMeeting Zoom = bALZoom.GetZoomMeetingDetail(Convert.ToInt32(colum.SessionDeliveryCalendarID)); if (colum.Segment == 1) { htmlTable.Append(" "); htmlTable.Append(" " + colum.SessionDeliveryCalendarID + " "); htmlTable.Append(" " + colum.BookID + " "); htmlTable.Append(" " + colum.SessionID + " "); htmlTable.Append(" " + colum.MentorID + " "); htmlTable.Append(" " + colum.Segment + " "); htmlTable.Append(" "); } else { htmlTable.Append(" "); htmlTable.Append(" " + colum.SessionDeliveryCalendarID + " "); htmlTable.Append(" " + colum.BookID + " "); htmlTable.Append(" " + colum.SessionID + " "); htmlTable.Append(" " + colum.MentorID + " "); htmlTable.Append(" " + colum.Segment + " "); htmlTable.Append(" "); } } }

Amit Mohanty · Answer

Check this example: Session Delivery Calendar ID Book ID Session ID Mentor ID Segment var result = [/* Your Result array here */]; if (result != null) { var table = document.getElementById("myTable"); for (var i = 0; i " + colum.SessionDeliveryCalendarID + " "; if (colum.Segment == 1) { var cell = document.createElement("td"); cell.style.backgroundColor = "blue"; cell.appendChild(document.createTextNode(colum.BookID)); row.appendChild(cell); } else { row.style.backgroundColor = "yellow"; row.innerHTML += " " + colum.BookID + " "; } row.innerHTML += " " + colum.SessionID + " "; row.innerHTML += " " + colum.MentorID + " "; row.innerHTML += " " + colum.Segment + " "; table.appendChild(row); } }

Rajkiran Swain · Answer

if (Result != null) { foreach (var colum in Result) { string studentName = ""; View_SessionDetail res = bALSessionPlan.GetSessionDetail(Convert.ToInt32(colum.SessionPlanID)); ZoomMeeting zoom = bALZoom.GetZoomMeetingDetail(Convert.ToInt32(colum.SessionDeliveryCalendarID)); string color = colum.Segment == 1 ? "blue" : "yellow"; htmlTable.AppendFormat(" ", color); htmlTable.AppendFormat(" {0} ", colum.SessionDeliveryCalendarID); htmlTable.AppendFormat(" {1} ", colum.Segment == 1 ? "blue" : "inherit", colum.BookID); htmlTable.AppendFormat(" {0} ", colum.SessionID); htmlTable.AppendFormat(" {0} ", colum.MentorID); htmlTable.AppendFormat(" {0} ", colum.Segment); htmlTable.Append(" "); } }

Ramco Ramco · Answer

Hi Amit Is it possible that thru Javascript it can be done . It is difficult to change condition evaluation . Thanks

Ramco Ramco · Answer

Hi Amit I have condition colum.segment gets evaluated later on but Book Id column is displayed before Thanks

Color Particular column

Answers (5)