After the data is populated in grid, I can see the class of the case_valid column has valid or not-valid (shown as class="e-rowcell valid" or class="e-rowcell not-valid"), but the css style is not in effect. And the console output from console.log(args) is pointing to the cell of the last column of each row.
I wrote one sample: https://codesandbox.io/s/8np6rr2819
TSThavasianand Sankaranarayanan Syncfusion Team February 14, 2019 06:41 AM
Greetings from Syncfusion.
We have analyzed the sample which you have shared with us. We could see that you have used “scoped” attribute for the style tag. If we remove this scoped attribute, and add !important for the styles, then style is applied fine in Grid, please refer the sample link below,
Scoped style is applied to the elements in its initialization stage hence scoped style will not be applied for dynamically created elements and some of the columns and rows are created dynamically in Syncfusion Vue EJ2 Grid component. Please refer the official statement form Vue team in below link.