Hi,
first of all thanks for the amazing Work!
i try to use a Grid that should work with a tree option, but i just dont get any rows to show when tree={true} (if tree={false} using the same data source i get the 1. Level of Data displayed)
here is my code and some example Data copied from the browser console as well:
code:
const columns = [
{ id: 'id', width: 80, treetoggle: true },
{ id: 'time', header: 'Time', resize: true },
{ id: 'ch_id', header: 'Chn', resize: true },
{ id: 'arb_id', header: 'Id', resize: true },
{ id: 'name', header: 'Name', resize: true },
{ id: 'dir', header: 'Dir', resize: true },
{ id: 'data_len', header: 'Dlc', resize: true },
{ id: 'event_data', header: 'Data', resize: true, flexgrow: 0.5 }
];
</script>
<div class="w-full h-full">
<Grid tree={true} {data} {columns} />
</div>
data:
[
{
"id": 3,
"time": 1741191129308767200,
"ch_id": 1,
"arb_id": 257,
"name": "CONTROL",
"dir": "tx",
"event_type": "MSG",
"data_len": 2,
"event_data": [
1,
0,
],
"open": false,
"data": [
{
"id": 1,
"name": "CONTROL_Request_Mode",
"event_type": "Signal",
"event_data": "1 (1)",
"$level": 1,
"$parent": 3
},
{
"id": 2,
"name": "CONTROL",
"event_type": "Signal",
"event_data": "0 (0)",
"$level": 1,
"$parent": 3
}
],
"$level": 0,
"$parent": 0,
"$count": 2
},
{
"id": 19,
"time": 1741191129308789000,
"ch_id": 2,
"arb_id": 257,
"name": "unnamed",
"dir": "rx",
"event_type": "MSG",
"data_len": 2,
"event_data": [
1,
0,
],
"open": false,
"data": [
{
"id": 17,
"name": "CONTROL",
"event_type": "Signal",
"event_data": "1 (1)",
"$level": 1,
"$parent": 19
},
{
"id": 18,
"name": "CONTROL_Request_Mode",
"event_type": "Signal",
"event_data": "0 (0)",
"$level": 1,
"$parent": 19
}
],
"$level": 0,
"$parent": 0,
"$count": 2
}
]
any hints?
thanks again!
greatings Tobias