Grid row color on conditions

[Pamela]

Hello,

i try to set row color on  conditions  in the dataBound event. But only in my first row the Color will set.


                    var grid = $('#@Model.Id()_grid').data("kendoGrid");
                    var gridData = grid.dataSource.view();

                    for (var i = 0; i < gridData.length; i++) {
                        var currentUid = gridData[i].uid;
                        var currentRow = grid.table.find("tr[data-uid='" + currentUid + "']");

                        if (gridData[i].Condision != 0) {
                            $(currentRow).addClass("Color"); //in css
                        }

                    }

 

I can not find the issure.

Thanks

Pamela

                

[Viktor Tachev]

Hi Pamela,

If you would like to have conditional styling in the Grid cells you can specify ClientTemplate for the column. Please check out the article below that illustrates different options for using ClientTemplate:

• https://docs.telerik.com/aspnet-mvc/helpers/grid/faq

The configuration below shows a column that will render a cell with class redColor when the CompanyName contains the string "on". Otherwise the greenColor CSS class will be applied.

columns.Bound(c => c.CompanyName).ClientTemplate("<span class=#:CompanyName.indexOf('on')>0?'redColor':'greenColor'#>#:CompanyName#</span>");

Give the approach a try and let me know how it works for you.

Regards,
Viktor Tachev
Progress Telerik

[Pamela]

Thanks it works!