el-table设置每一行的后3列的样式

在Element UI的el-table组件中，你可以通过`cell-style`或`row-class-name`属性来动态设置每一行特定列的样式。以下是两种常见的方法：

1. **使用cell-style**:
如果你想针对每个单元格单独设置样式，可以为表头中的每一项添加一个`cell-style`对象数组，并提供一个函数作为值，该函数会接收到当前单元格的数据和索引。例如：

   <el-table :data="tableData">
     <el-table-column prop="name" label="姓名">
       <template slot-scope="scope">
         <span :style="{ background: scope.$index % 2 ? 'red' : 'green'}">{{ scope.row.name }}</span>
       </template>
     </el-table-column>
     <!-- 其他列 -->
     <el-table-column prop="column3" label="后3列" cell-style="customCellStyle(scope)"></el-table-column>
   </el-table>

   <script>
   methods: {
     customCellStyle(row, column, index) {
       // 根据index值决定后三列的样式
       return { backgroundColor: index >= 2 ? 'blue' : '' };
     }
   }
   </script>

2. **使用row-class-name**:
如果你需要基于整行数据来设置样式，可以给每一行定义一个类名，然后在CSS中为这个类名设定样式。例如：

   <el-table :data="tableData" :row-class-name="getRowClass">
     <!-- ... -->
   </el-table>

   <script>
   methods: {
     getRowClass({ row }) {
       if (row.index >= 2) {
         return 'custom-row-style';
       } else {
         return '';
       }
     }
   },
  <style scoped>
     .custom-row-style {
       /* 设置后三列的样式 */
       background-color: blue;
     }
   </style>

记得将上述代码中的`tableData`、`column3`替换为你实际的列名和数据结构。