修改单元格背景色cell-style
,修改行背景色row-style
<template><el-table:data="tableData":cell-style="TableCellStyle":row-style="TableRowStyle"borderstyle="width: 100%"><el-table-columnprop="date"label="日期"width="180"></el-table-column><el-table-columnprop="name"label="姓名"width="180"></el-table-column><el-table-columnprop="address"label="地址"></el-table-column></el-table></template><script>export default {data() {return {tableData: [{date: '-05-02',name: '王小虎',address: '上海市普陀区金沙江路 1518 弄'}, {date: '-05-04',name: '王小虎',address: '上海市普陀区金沙江路 1517 弄'}, {date: '-05-01',name: '王小虎',address: '上海市普陀区金沙江路 1519 弄'}, {date: '-05-03',name: '王小虎',address: '上海市普陀区金沙江路 1516 弄'}]}},methods: {// 改变单元格背景颜色TableCellStyle({row, column, rowIndex, columnIndex}) {if (columnInex === 3) {return 'background-color: '#ccc''//第二种return 'cell-grey'}},// 改变行背景颜色TableRowStyle({row, rowIndex}) {if (rowIndex === 2) {return 'background-color: rgba(255,0,0,0.4)'//第二种return 'cell-grey'}}}}</script><style>.cell-grey{background: #f2f2f2;}</style>