How to change the background color of the table dynamically by element-ui table

I have a need here, according to the parameters returned by the background, to dynamically change the background color of the el-table table, not to change the text color, is there a solution?

my current code is

<el-table-column
   prop="date7"
   label=""
   align="center"
   >
   <template slot-scope="scope">
      <span v-if="scope.row.date7=="584W"" style="color:red">{{ scope.row.date7 }}</span>
      <span v-else style="color: -sharp37B328">{{ scope.row.date7 }}</span>
   </template>
</el-table-column>
Mar.15,2022

you can use cell-style to customize cell styles

clipboard.png

clipboard.png

:https://jsfiddle.net/w9zake72/


css


cell-style


clipboard.png

Menu