Highlight color of column

Question

Hi I have a repeater. I want if value of a particular column say 10 is 1 , i want to highlight column 2 of that row Thanks

Aravind Govindaraj · Answer

Please find the code snippet for the same protected void myRepeater_ItemDataBound(object sender, RepeaterItemEventArgs e) { if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) { // Assuming your data item is a DataRowView DataRowView dataItem = (DataRowView)e.Item.DataItem; // Assuming your column 10 is an integer column int column10Value = Convert.ToInt32(dataItem["Column10"]); // Assuming column 2 is a Label control in the Repeater Label column2Label = (Label)e.Item.FindControl("Column2Label"); if (column10Value == 1) { // Apply the desired formatting to highlight column 2 column2Label.BackColor = System.Drawing.Color.Yellow; // You can modify other properties like ForeColor, Font, etc. as needed } } }

Prasad Raveendran · Answer

To highlight a column in a repeater control based on its value, you can use a conditional statement in the markup or code-behind of the repeater control. Here's an example using ASP.NET Web Forms: Define your repeater control in the markup: > In the code-behind, define the HighlightColumn method to conditionally set the CSS class for the column based on its value: protected string HighlightColumn(object columnValue) { string cssClass = ""; // Set the desired condition for highlighting if (columnValue != null && columnValue.ToString() == "SomeValue") { cssClass = "highlighted-column"; } return $"class='{cssClass}'"; } Define the CSS class in your stylesheet: .highlighted-column { background-color: yellow; /* Add any other styles for highlighting here */ } In this example, the HighlightColumn method checks the value of the column and returns a CSS class attribute that includes the class name "highlighted-column" if the condition is met. The CSS class defines the styles for highlighting the column, such as setting the background color to yellow. Adjust the condition and CSS styles according to your specific requirements. Remember to bind your repeater control to the data source and call the appropriate method to populate the repeater before rendering the page.

Highlight color of column

Answers (2)