修改el-table的样式

以下是修改el-table样式的两种方法：
1. 修改行内线的背景颜色

<style lang="less" scoped>
//修改行内线
::v-deep .el-table td,.building-top .el-table th.is-leaf {
    border-bottom: 1px solid #007ACC;
}
</style>

2. 修改行的背景颜色

<style lang="less" scoped>
//修改行背景
::v-deep .el-table tr{
    background-color: yellow;
}
</style>

相关问题

element ui修改el-table某一个表格单元格边框颜色

要修改element ui中el-table某一个表格单元格边框颜色，可以按照以下步骤进行操作：
1. 将el-table包在自定义组件（page_table）里面，以便于重复使用。
2. 设置除表头单元格边框样式，即在page_table中设置cell-style属性为"{borderColor:'#C0C0C0'}"，其中#C0C0C0为所需的边框颜色。
3. 在需要修改边框颜色的单元格中，设置该单元格的style属性为"{borderColor:'#C0C0C0'}"，其中#C0C0C0为所需的边框颜色。

vue中如何更改el-table表格背景色

您可以通过以下几种方式来更改el-table表格的背景色：

1. 使用CSS样式：您可以为el-table元素添加一个自定义的class，并在CSS文件中设置该class的背景色。例如：

<el-table class="custom-table"></el-table>

.custom-table {
  background-color: #f5f5f5;
}

2. 使用scoped样式：如果您在Vue组件中使用了scoped样式，可以直接在样式中设置el-table的背景色。例如：

<template>
  <el-table></el-table>
</template>

<style scoped>
el-table {
  background-color: #f5f5f5;
}
</style>

3. 使用element-ui的自定义主题：如果您正在使用element-ui，并且已经配置了自定义主题，您可以在主题文件中设置el-table的背景色。例如，在`element-variables.scss`文件中：

$--table-bg-color: #f5f5f5;

这些方法都可以用来更改el-table表格的背景色，您可以根据自己的需求选择其中一种方法来实现。