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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea80b1-1ea4.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea80b1-1ea4.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?