el-table-column多层级的超出没法滚动

el-table-column是Element UI中的表格列组件，用于定义表格的列。在多层级的情况下，如果内容超出列的宽度，可能无法自动滚动。

要实现多层级的超出内容滚动，可以使用Element UI提供的slot-scope属性和自定义列模板来实现。具体步骤如下：

1. 在el-table-column中使用slot-scope属性，将当前行的数据传递给自定义列模板。
2. 在自定义列模板中，使用CSS样式设置列的宽度，并设置overflow属性为auto，使内容超出时可以滚动。

下面是一个示例代码：

<template>
  <el-table :data="tableData">
    <el-table-column label="姓名">
      <template slot-scope="scope">
        <div class="custom-column">{{ scope.row.name }}</div>
      </template>
    </el-table-column>
    <el-table-column label="年龄">
      <template slot-scope="scope">
        <div class="custom-column">{{ scope.row.age }}</div>
      </template>
    </el-table-column>
    <!-- 其他列... -->
  </el-table>
</template>

<style>
.custom-column {
  width: 100px; /* 设置列的宽度 */
  overflow: auto; /* 设置内容超出时可以滚动 */
}
</style>

通过以上方式，可以实现多层级的超出内容滚动效果。