elementui修改表格颜色

要修改 ElementUI 表格的颜色，可以使用以下两种方法：

方法一：通过样式覆盖

您可以在表格所在的组件或页面中，使用以下样式来修改表格的颜色：

/* 表头颜色 */
.el-table thead th {
  background-color: #f5f5f5;
}

/* 偶数行颜色 */
.el-table--striped .el-table__row:nth-child(even) {
  background-color: #f9f9f9;
}

/* 鼠标悬停颜色 */
.el-table--highlight .el-table__row:hover {
  background-color: #eaf2f8;
}

/* 选中行颜色 */
.el-table--medium .el-table__row--medium-hover {
  background-color: #eaf2f8;
}

您可以根据需要修改这些样式中的颜色值。

方法二：通过自定义主题

如果您需要修改 ElementUI 的颜色主题，可以使用 ElementUI 提供的自定义主题功能。具体步骤如下：

1. 安装 `element-theme` 工具：

npm install element-theme -g

2. 创建一个新的主题：

et -i

3. 在生成的 `element-variables.scss` 文件中，修改需要修改的变量值，比如：

$--color-primary: #409EFF;
$--border-radius-base: 4px;

4. 使用以下命令编译主题：

et

5. 在项目中引入编译后的 CSS 文件：

<link rel="stylesheet" href="./theme/index.css">

6. 在组件或页面中使用 ElementUI 的表格组件，即可看到修改后的颜色。