如何在 Tabulator 中每个嵌套组的第一行放置一个按钮？答案

【问题标题】：How would I put a button in the first row of every nested group in Tabulator?如何在 Tabulator 中每个嵌套组的第一行放置一个按钮？
【发布时间】：2021-08-10 16:49:27
【问题描述】：

[
    {id:1, name:"Billy Bob", age:"12", "_children":[
        {id:2, name:"Mary May", age:"1"}, //child rows nested under billy bob
        {id:3, name:"Christine Lobowski", age:"42"},
        {id:4, name:"Brendon Philips", age:"125", "_children":[
            {id:5, name:"Margret Marmajuke", age:"16"}, //child rows nested under brendon philps
            {id:6, name:"Frank Peoney", age:"12"},
        ]},
    ]},
    {id:7, name:"Jenny Jane", age:"1"},
    {id:8, name:"Martha Tiddly", age:"42", "_children":[
        {id:9, name:"Frasier Franks", age:"125"}, //child row nested under martha tiddly
    ]},
    {id:10, name:"Bobby Green", age:"11"},
]

所以对于上面的 JSON，在 Mary、Margret 和 Frasier 的行中会有一个按钮。 Tabulator 为行公开了getTreeParent 和getTreeChildren，但格式化程序只能在当前单元格上格式化（我知道） - 所以获取第一个孩子并将按钮放在那里似乎不是一个选项。

【问题讨论】：

标签： javascript tabulator

【解决方案1】：

执行此操作的一种方法是使用formatter 将父母的行索引与第一个孩子的索引进行比较。如果它们匹配，则返回一个按钮。这是一个例子：

https://jsfiddle.net/zubxcwq8/

【讨论】：