How to realize the nested header of iview table

how to render the structure like the figure and assign amount; (the content and length of the array are not fixed at least one)

list: [

{
    name:"",
    child:[
        {
            id:1,
            name:"",
            child:[
                {
                    id:999,
                    name:"",
                    amount:1250
                },
                 {
                    id:1000,
                    name:"",
                    amount:500
                }
            ]
        }
    ]
},
{
    name:"",
    child:[
        {
            id:2,
            name:"",
            child:[
                {
                    id:1001,
                    name:"",
                    amount:1250
                }
            ]
        }
    ]
}

]

Apr.04,2022
Is

just a function of iview3.0?

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e48bb1-44cb6.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e48bb1-44cb6.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?