el-table 列行背景色渐变

根据提供的引用内容，可以通过修改表格的CSS样式来实现el-table列行背景色渐变的效果。以下是一个实现el-table列行背景色渐变的示例代码：

<template>
  <div>
    <el-table :data="tableData" border class="gradient-table">
      <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>
  </div>
</template>

<style>
.gradient-table thead th {
  background: linear-gradient(to right, #00c6ff, #0072ff);
  color: #fff;
}

.gradient-table tbody tr:nth-child(even) {
  background-color: #f2f2f2;
}

.gradient-table tbody tr:hover {
  background-color: #e0e0e0;
}
</style>

在上述代码中，我们使用了CSS的线性渐变（linear-gradient）来设置表头的背景颜色，并使用了伪类选择器（nth-child）来设置表格的奇偶行背景颜色。同时，我们还使用了:hover伪类选择器来设置鼠标悬停时的背景颜色。