[Solved] Row color based on model

[AndrewRick]

Hello,

Is it possible to change row's background depending on a value in the model ? For example, let's say the grid is bound to a Order entity, which has a property 'Status' and now I wish to color every row according to the 'Status' property. Is this possible ?

Many thanks.

Andres R.

[Atanas Korchev]

Hello Andres Raieste,

Yes it is possible. There are two options depending on your method of databinding:

1. For server binding use the RowAction method and apply some CSS class with predefined background (or apply the inline style directly) when that condition is met:
   .RowAction(row =>
           {
               if (row.DataItem.OrderID == 10248)
               {
                   row.HtmlAttributes["style"] = "background:red;";
               }
           })
2. For ajax binding you should use the rowDataBound event:
   
   .ClientEvents(events => events.OnRowDataBound("onRowDataBound"))
   %>
   
   <script type="text/javascript">
   function onRowDataBound(e) {
       if (e.dataItem.OrderID == 10248) {
           e.row.style.backgroundColor = "red";
       }
   }
   </script>

Regards,
Atanas Korchev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Amey]

can you please tell about the same thing via javascript for particular cell?