element-ui中el-table 子级独立

在element-ui的el-table中，可以使用插槽来实现子级独立的效果。具体来说，可以使用`<template slot-scope="scope">`来自定义表格的每一行，然后在这个slot中嵌套一个el-table组件，就可以实现子级独立的效果了。

示例代码如下：

<el-table :data="tableData">
  <el-table-column prop="name" label="Name"></el-table-column>
  <el-table-column prop="age" label="Age"></el-table-column>
  <el-table-column label="Actions">
    <template slot-scope="scope">
      <el-table :data="scope.row.children" v-if="scope.row.children && scope.row.children.length > 0">
        <el-table-column prop="name" label="Name"></el-table-column>
        <el-table-column prop="age" label="Age"></el-table-column>
      </el-table>
      <el-button type="primary" @click="handleExpand(scope.row)">Expand</el-button>
    </template>
  </el-table-column>
</el-table>

在上面的示例代码中，使用了一个嵌套的el-table组件来实现子级独立的效果。在每一行的"Actions"列中，如果当前行有子级数据，就显示一个"Expand"按钮，点击这个按钮会展开子级数据。展开的子级数据就是一个独立的el-table组件，与父级el-table组件是相互独立的。