CMS CMS - 4 months ago 22
Javascript Question

Gray our disabled kendo ui grid column

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

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;};