如何修改 el-table中children表格样式

如果你想修改 `el-table` 中的 `children` 表格的样式，可以通过自定义 `row` 的 `slot-scope` 来实现。以下是具体的步骤：

1. 首先，给 `el-table-column` 组件添加一个 scoped-slot，用于自定义 `children` 表格的内容。例如：

<el-table-column label="子项表格" prop="children">
  <template slot-scope="scope">
    <el-table :data="scope.row.children" style="width: 100%">
      <!-- children 表格的列 -->
      <el-table-column label="列1" prop="column1"></el-table-column>
      <el-table-column label="列2" prop="column2"></el-table-column>
    </el-table>
  </template>
</el-table-column>

2. 接下来，可以在 `scoped-slot` 中对 `children` 表格进行样式修改。例如，给 `el-table` 添加一个 class，并在样式中修改该 class 的样式：

<el-table :data="scope.row.children" style="width: 100%" class="custom-children-table">
  <!-- children 表格的列 -->
  <el-table-column label="列1" prop="column1"></el-table-column>
  <el-table-column label="列2" prop="column2"></el-table-column>
</el-table>

.custom-children-table {
  /* 添加自定义样式 */
}

通过以上步骤，你可以自定义修改 `el-table` 中的 `children` 表格样式。根据你的需求进行相应的样式修改即可。