Gray our disabled kendo ui grid column

Question

I have here a kendo ui grid the first column [OrderID] is not editable. I'm looking to make all disabled columns grayed out , so the user knows that this is not editable.

Answer 1

You can try the following:

1) Apply a particular class for that column in kendo grid using

columns.Bound(p => p.OrderID)
            .HtmlAttributes(new { @class = "grayCol"}).Width("5%");

2) And apply whatever style you need for that class

.grayCol{background-color:#ffffff;};