怎么让element里面的el-table只有外层的边框但是单元格没有边框

可以使用以下CSS样式:

.el-table__body tr>td {
  border: none;
  padding: 0;
}
.el-table__body tr:first-child>td {
  border-top: 1px solid #ebeef5;
}
.el-table__body tr:last-child>td {
  border-bottom: 1px solid #ebeef5;
}
.el-table__body>tr>td:first-child {
  border-left: 1px solid #ebeef5;
}
.el-table__body>tr>td:last-child {
  border-right: 1px solid #ebeef5;
}

相关问题

el-table 去除外层边框

在Element UI的el-table组件中，如果你想去除外层边框，可以通过CSS样式来实现。你可以为el-table添加一个类名，然后针对这个类名设置边框样式。以下是一个示例：

<template>
  <el-table :class="{'no-border': isBorderless}" ...>
    ...
  </el-table>
</template>

<style scoped>
.no-border {
  border: none; /* 或者使用 box-shadow 设置阴影来代替边框，如 box-shadow: 0 0 0 0; */
}
</style>

<script>
export default {
  data() {
    return {
      isBorderless: false, // 根据需求动态控制是否去除边框
    };
  },
  // 其他方法
};
</script>

在JavaScript中，你可以通过改变`isBorderless`的值来控制边框是否显示。例如，在某个方法或事件中：

this.isBorderless = true; // 去除边框
this.isBorderless = false; // 重新显示边框

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为所需的边框颜色。