el table 展开所有行

在Vue.js的数据表格库Element UI中，`el-table`组件提供了一种功能，可以方便地展开或折叠表格的某一行。当你需要显示详细信息或列表数据时，可以设置某列作为展开列，点击该列的特定单元格时，与其关联的子项会展现出来，形成一个展开行的效果。

通常，你可以通过以下几个步骤来实现在`el-table`中展开所有行：

1. 首先，你需要在列上配置`expand`属性，指定该列作为展开列。例如：

<el-table-column prop="detail" label="详情" :expand="true"></el-table-column>

这里假设"data"对象中的某个字段如"detail"对应着需要展开的子项。

2. 然后，在表格组件的`data`选项中，确保每个条目都有必要的展开内容，并定义一个默认状态来初始化展开行，比如 `expandedRowKeys` 数组存储已经展开的行的key：

<el-table :data="tableData" :expanded-row-keys="expandedRowKeys">
...
</el-table>

export default {
  data() {
    return {
      tableData: ...,
      expandedRowKeys: [] // 初始化为空数组，表示无行展开
    };
  }
}

3. 当需要展开所有行时，你可以遍历数据并更新`expandedRowKeys`，将所有行的键值添加进去：

this.expandedRowKeys = this.tableData.map(item => item.key);

4. 如果你想在按钮点击等事件触发时展开所有行，可以在相应的事件处理器中执行上述操作。

注意，`el-table`的`expand`功能基于渲染策略，如果数据量非常大，频繁展开可能会导致性能问题。因此，在实际应用中，可以根据需求合理控制展开行为。