H5W3
当前位置:H5W3 > 其他技术问题 > 正文

element-ui table如何动态的改变表格的背景色

我这边有个需求是,根据后台返回的参数,去动态的改变el-table表格的背景色,不是改变文字颜色,有没有大神有解决办法?
图片描述

我目前的代码是

<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: #37B328">{{ scope.row.date7 }}</span>
   </template>
</el-table-column>

回答:

可以使用cell-style自定义单元格的样式

clipboard.png

clipboard.png

预览:https://jsfiddle.net/w9zake72/

回答:

使用css穿透

回答:

cell-style使用这个方法,去添加背景色

回答:

clipboard.png

本文地址:H5W3 » element-ui table如何动态的改变表格的背景色

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址