How to change the color of a grid column in MVVM?

[Federico]

How to change the color of a grid column in MVVM?
i would like something like this:
first column: green
second column: yellow

    <div data-role="grid"
                 data-toolbar="DOC"
                 data-columns="[
                                 { 'field': 'doc1'},
                                 { 'field': 'doc2' }
                              ]"
                 data-bind="source: sourceList"></div>

[Preslav]

Hello Federico,

This could be achieved by using the columns.attributes configuration:

• http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.attributes

For example:

<div data-role="grid"
data-toolbar="DOC"
data-columns="[
   { 'field': 'doc1', attributes: { style: 'background-color: green;'}},
   { 'field': 'doc2', attributes: { style: 'background-color: yellow;'}}      ]"
data-bind="source: sourceList"></div>

Regards,
Preslav
Progress Telerik

[Federico]

This solution doesn't work

[Preslav]

Hello Federico,

The code from my last reply works as expected on my side. For example, check this Dojo:

• http://dojo.telerik.com/ocONi

That said, could you please modify the above Dojo so it clearly replicates and isolates the issue and send it back with your next post.


Regards,
Preslav
Progress Telerik

[Federico]

Ok perfect, thanks