Alternate Color for Rows: even rows don't change.

here is my local css:
```
:host /deep/ tr.solved {
background: rgba(86, 241, 86, 0.5);
}
:host /deep/ tr.aborted {
background: rgba(243, 69, 69, 0.5);
}
```

here is some part of my component:
```
settings = {
actions: {
columnTitle: "Eylemler",
},
rowClassFunction: (row) => {
if (row.data.ActivityType == Activity.Type.INCOME)
return 'solved';
else
return 'aborted';
},
mode: "external",
noDataMessage: "Kayıt Bulunamadı",
add: {
addButtonContent: '',
createButtonContent: '',
cancelButtonContent: '',
},
edit: {
editButtonContent: '',
saveButtonContent: '',
cancelButtonContent: '',
},
delete: {
deleteButtonContent: '',
},
columns: {
activityType: {
title: "Tip",
type: "string",
valuePrepareFunction: (value) => {
return Activity.ActivityTypes[value];
},
width: "3%",
},
...
...
```
my data values are correct. but if you want I can share them too.

as you can see only the odd colums are changing:

my guess is that some row high lighting styles (for even row) are overriding my option. thanks in advance.