Element Table 单元格中嵌套表格（Table） 表格线对不齐问题

在 Element Table 中嵌套表格（Table）时，如果遇到表格线对不齐的问题，可以通过调整样式来解决。具体的方法是为内层表格（嵌套的表格）添加一些自定义样式，使其表格线与外层表格对齐。

下面是一个示例代码，演示了如何解决 Element Table 中嵌套表格的表格线对不齐问题：

<el-table :data="tableData" style="width: 100%">
  <el-table-column label="姓名" prop="name"></el-table-column>
  <el-table-column label="年龄" prop="age"></el-table-column>
  <el-table-column label="成绩">
    <template slot-scope="scope">
      <el-table :data="scope.row.scores" style="width: 100%" class="nested-table">
        <el-table-column label="科目" prop="subject"></el-table-column>
        <el-table-column label="分数" prop="score"></el-table-column>
      </el-table>
    </template>
  </el-table-column>
</el-table>

在上述示例中，我们为内层表格添加了一个自定义的类名 `nested-table`。然后可以通过 CSS 样式来调整该类名的表格线与外层表格对齐。

.nested-table .el-table__body-wrapper {
  border-top: none;
}

.nested-table .el-table__header-wrapper {
  border-bottom: none;
}

上述 CSS 样式中，我们将内层表格的 `.el-table__body-wrapper` 的 `border-top` 设置为 `none`，将 `.el-table__header-wrapper` 的 `border-bottom` 设置为 `none`。这样可以让内层表格的表格线与外层表格对齐，解决表格线对不齐的问题。

你可以根据具体需求调整样式，以适应不同的情况和样式要求。