el-table 修改单元格边框颜色

在Element UI的`el-table`组件中，如果你想修改单元格的边框颜色，你可以通过自定义单元格样式来自行设置。`el-table`提供了一个`cell-style`属性，允许你在每个单元格上应用一个返回CSS样式的函数。

下面是一个基本的例子，展示如何让每一行的第一列单元格边框变为红色：

<template>
  <el-table :data="tableData" cell-style="{borderTop: '1px solid red'}">
    <el-table-column label="Name"></el-table-column>
    <!-- 其他列... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: 'Row 1', ... },
        { name: 'Row 2', ... },
        // ...
      ]
    };
  }
};
</script>

在这个例子中，我们设置了`borderTop`属性，使得每一行的第一列单元格顶部有一条红色边框。你可以根据需要调整这个样式，比如改变边框宽度、位置或样式。

如果你只想针对特定条件更改边框颜色，可以在`cell-style`函数中添加逻辑判断。例如，如果某个单元格的数据满足某个条件，则改变边框颜色：

cellStyle({row, column, rowIndex, columnIndex}, cellValue) {
  if (columnIndex === 0 && cellValue === 'special') {
    return { borderTop: '2px solid red' };
  } else {
    return {};
  }
}