el-table给不同列设置不同背景颜色

`el-table`是Element UI中的一个组件，用于展示表格数据。在Element UI中，可以通过设置`span-method`属性来自定义单元格的内容、样式等。如果你想给不同列设置不同的背景颜色，可以通过自定义`span-method`函数来实现。

以下是一个简单的示例代码，展示如何给`el-table`的不同列设置不同背景颜色：

<template>
  <el-table
    :data="tableData"
    style="width: 100%"
    border
    row-key="id"
    :span-method="objectSpanMethod">
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [{
        id: 1,
        date: '2016-05-02',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1518 弄'
      }, {
        id: 2,
        date: '2016-05-04',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1517 弄'
      }, {
        id: 3,
        date: '2016-05-01',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1519 弄'
      }, {
        id: 4,
        date: '2016-05-03',
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }]
    }
  },
  methods: {
    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      if (columnIndex === 0) { // 第一列
        if (rowIndex % 2 === 0) {
          return {
            rowspan: 1,
            colspan: 1,
            style: {
              background: '#eee'
            }
          };
        } else {
          return {
            rowspan: 0,
            colspan: 0
          };
        }
      }
    }
  }
}
</script>

在这个示例中，`objectSpanMethod`方法根据单元格的位置返回一个对象，该对象可以包含`rowspan`和`colspan`属性用于设置单元格跨越的行数和列数，以及`style`属性用于设置单元格的样式，包括背景色。根据需求，可以对不同的列返回不同的背景颜色。