请问el-table组件如何设置tree-props属性并实现跨行显示？

`el-table` 是 Element UI 中的一个表格组件，它支持树形数据结构的展示，通过 `tree-props` 属性可以配置节点的父子关系。要实现跨行显示，你可以按照以下步骤配置：

1. 首先，在你的组件数据中，给每个节点添加一个额外的属性，比如 `treeNode` 或者 `parent`，用于存储其在树结构中的位置信息。例如：

data: [
  {
    id: '1',
    name: '节点A',
    children: [
      { id: '2', name: '节点B', parent: '1' },
      { id: '3', name: '节点C', parent: '1' }
    ]
  },
  // 其他节点...
]

2. 然后在 `el-table` 的选项中设置 `tree-props` 属性，指定哪些字段用于表示层级关系：

<template>
  <el-table :data="tableData" :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
    <!-- 表格列... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [...] // 根据上述示例填充完整的数据
    };
  }
};
</script>

这里的 `children` 字段用于表示子节点数组，`hasChildren` 字段则是一个布尔值，如果当前节点有子节点，则返回 `true`。

3. 跨行显示通常是指当某个节点有多级子节点时，对应行会被展开以显示所有子节点的内容。Element UI 自带的样式已经实现了这个效果，无需额外设置。