CSS is overriden by something (row class)

Trying to add a row class based on a row value.

Using /deep/ .ve-table .ve-table-body-tr:has(.active)

works, is applied (shows in dev tools) But does not render the table row with given color.

Did I miss something in the docs?

```


````

```
virtualScrollOption: {
enable: false,
},
rowStyleOption: {
stripe: true,
clickHighlight: true,
hoverHighlight: true,
},
cellSelectionOption: {
enable: false,
},
cellStyleOption: {
bodyCell: ({ row }) => ({
backgroundColor: row.isrunning ? 'lightblue' : ''
})
},
expandOption: {
trigger: "cell",
expandable: ({row, column, rowIndex}) => {
return !this.fullscreen
// if (row["comment"].length > 0) {
// return true;
// }
// return false
},
render: ({row, column, rowIndex}, h) => {
return ;
},
},

```