el-table中el-table-column嵌套table如何然子table得告诉随外层table 行得高度变化

在el-table中，如果需要在el-table-column中嵌套子表格，并且希望外层表格行的高度可以根据子表格的内容自动调整，可以通过设置外层表格行的slot-scope属性来实现。

首先，在el-table-column中定义子表格的模板，并设置slot-scope属性为scope，表示可以访问外层表格行的数据：

<el-table-column label="子表格" prop="子表格数据">
 <template slot-scope="scope">
    <el-table :data="scope.row.子表格数据" row-key="id" :height="getTableHeight(scope.row.子表格数据)">
      <!-- 子表格的列定义 -->
    </el-table>
  </template>
</el-table-column>

然后，在外层表格的方法中定义getTableHeight方法，根据子表格数据计算出合适的高度值：

methods: {
  getTableHeight(subTableData) {
    // 根据子表格数据计算高度，具体计算逻辑根据需求自行实现
    // 返回计算出的高度值
  }
}

通过以上设置，子表格的高度将会根据计算出的值来自动调整外层表格行的高度。

相关问题

el-table中el-table-column嵌套el-table如何然子table得告诉随外层table 行得高度变化

在el-table中，如果子表格(el-table)的高度随着外层表格的行高变化，你可以使用作用域插槽(scope slot)来实现。

首先，在el-table-column的定义中，添加一个作用域插槽，用来传递当前行的数据给子表格。例如：

<el-table-column label="子表格" width="200">
  <template slot-scope="scope">
    <!-- 子表格内容 -->
    <el-table :data="scope.row.subTableData" :row-height="getSubTableHeight(scope.row)">
      <!-- 子表格的列定义 -->
      <el-table-column prop="column1" label="列1"></el-table-column>
      <el-table-column prop="column2" label="列2"></el-table-column>
    </el-table>
  </template>
</el-table-column>

然后，你需要定义一个方法 `getSubTableHeight` 来计算子表格的高度。在这个方法中，你可以根据外层表格的行高来动态计算子表格的高度。例如：

methods: {
  getSubTableHeight(row) {
    // 根据外层表格的行高和子表格的行数来计算子表格的高度
    return row.subTableData.length * this.rowHeight;
  }
}

这样，子表格的高度就会随着外层表格的行高变化而改变。

el-table中el-table-column嵌套table如何然子table高度随外层table 行得高度变化

在el-table中，如果你想要实现子表格的高度随外层表格的行高度变化，你可以使用scoped slot来自定义单元格的内容并控制子表格的高度。

首先，在el-table-column中使用scoped slot来定义单元格的内容，例如：

<el-table-column label="表头">
  <template slot-scope="scope">
    <el-table :data="scope.row.subTableData" border>
      <el-table-column prop="subTableColumn" label="子表头"></el-table-column>
    </el-table>
  </template>
</el-table-column>

在这个例子中，我使用了一个名为`subTableData`的属性来表示子表格的数据，并将其传递给el-table组件。你可以根据你的需求来替换这个属性名。

接下来，你可以使用CSS来控制子表格的高度，使其随着外层表格的行高度变化。你可以通过设置max-height或者height属性来控制子表格的高度，并使用calc函数来计算高度值，例如：

.el-table .el-table__body-wrapper .el-table__row .el-table {
  max-height: calc(100vh - 200px); /* 自定义计算方式 */
}

在这个例子中，我使用calc函数来计算子表格的最大高度。你可以根据你的需求来替换计算方式。