具有相同列模式的表行扩展

我有一个当前不支持行扩展的 el 表。根据行中是否包含特定对象，我希望提供一个功能来支持其行扩展。

父行对象和子行对象具有如图所示的确切数据结构，但子ID不同，我试图将其放入同一个表中：

我尝试遵循此操作（此处为表 1），但由于某种原因它不起作用。我加了

:tree-props="{children: 'children',hasChildren: 'hasChildren'}">:

https://codepen.io/pen/

了解它的工作原理会很棒。