Why the text cell is not red in this example

[Silvio]

Hi,

consider this example about customizing the cell style of a datagrid:

https://ej2.syncfusion.com/vue/documentation/grid/how-to/customize-column-styles/

I'm wondering why in this example the color of the "Customer ID" cells does not change to red, according to this style:

  .e-grid .e-rowcell.customcss{
    background-color: #ecedee;
    
color: 'red';
    font-family: 'Bell MT';
    font-size: 20px;
}

Can you explain me the reason?

What changes can be made to this example in order to change the text color of "Customer ID" to red ?

[Thavasianand Sankaranarayanan]

Hi Silvio, 

 

Greetings from Syncfusion support. 

 

We are able to reproduce the issue from the documentation side. We have logged an documentation task for the mentioned issue and it will be refreshed online ASAP. 

 

Until then we suggest you to use the below sample link for your requirement. 

 

Sample: https://codesandbox.io/s/vue-template-zvpsi 

 

Regards, 

Thavasianand S.