怎么让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;
}

相关问题

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

vue3 element-puls el-table 汇总行单元格合并

要实现Vue3 Element-Plus的el-table汇总行单元格合并，你可以使用`span-method`属性来定义一个函数，该函数可以返回每个单元格需要合并的行数和列数。下面是一个示例代码：

<el-table
  :data="tableData"
  border
  style="width: 100%">
  <el-table-column
    prop="date"
    label="日期"
    width="180">
  </el-table-column>
  <el-table-column
    prop="name"
    label="姓名"
    width="180">
  </el-table-column>
  <el-table-column
    prop="address"
    label="地址">
  </el-table-column>
  <el-table-column
    label="合计"
    :span-method="objectSpanMethod">
    <template #default="{ rows, row, column, $index }">
      <span v-if="$index === 0">{{ row.total }}</span>
    </template>
  </el-table-column>
</el-table>

在上面的代码中，我们定义了一个`objectSpanMethod`方法，并将其赋值给`span-method`属性。这个方法接收四个参数：`{ rows, row, column, $index }`。其中`rows`是当前列的所有行数据，`row`是当前行数据，`column`是当前列数据，`$index`是当前行的索引。

下面是`objectSpanMethod`方法的实现：

methods: {
  objectSpanMethod({ row, column, rowIndex, columnIndex }) {
    if (columnIndex === 3) {
      if (rowIndex === 0) {
        return {
          rowspan: this.tableData.length,
          colspan: 1
        };
      } else {
        return {
          rowspan: 0,
          colspan: 0
        };
      }
    }
  }
}

在上面的代码中，我们检查当前列是否为第四列（即“合计”列），如果是，我们检查当前行是否为第一行。如果是，我们返回一个对象`{ rowspan: this.tableData.length, colspan: 1 }`，其中`rowspan`表示当前单元格需要合并的行数，`colspan`表示当前单元格需要合并的列数。如果当前行不是第一行，则返回一个空对象`{ rowspan: 0, colspan: 0 }`，表示当前单元格不需要合并。

这样，我们就可以实现Vue3 Element-Plus的el-table汇总行单元格合并了。