el-table 子父表格

引用中的代码展示了如何在el-table中使用树形结构展示子父表格。el-table组件通过设置`:tree-props="{ children: 'children' }"`来指定树形结构的属性，通过`@row-click="rowClick"`监听行点击事件，并在`rowClick`方法中使用`this.$refs.multipleTable.toggleRowExpansion(row)`来展开或折叠行。

而引用提到，如果想要修改父节点行的背景色，可以直接修改`.el-table__row.expanded`样式。通过设置`background`属性可以改变背景色，例如`background:gold`可以将背景色改为金色。

另外，引用中提到了一种调整子表样式的方法。将子表的大小设为mini，宽度设为92%，左边距设为8%。这样可以让子表更小一些，与父表的行有一定的错开，以展示更明显的层次结构。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [vue使用（el-table）组件中 “ 父节点和子节点 ” 相关数据的【图标怎么自定义】？](https://blog.csdn.net/weixin_50450473/article/details/119026537)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [若依 elementui el-table 父子表展示数据](https://blog.csdn.net/u013922289/article/details/126557001)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]