As seen in the screenshot, I am using a Key Value component inside of a List View component to render the combined property of each of the objects inside of the transformer1 value array (2 items in this example). Only the first Key Value component is rendering the content (request_flight_start & request_flight_end), and the second Key Value component is not rendering anything.
Expected behavior: Second Key Value component to render (deal stage: "Proposal submission -> Closed won")
That's odd I'm not noticing anything off in the screenshots you posted. Would you mind also posting a picture of what keyValue1 looks like expanded in the left panel of the editor so that we can see the data property for each row?
So I actually attempted to replace the Key Value component with the Table component, but it looks like a similar issue is still occurring - except that it's only on the initial render. After a input change, it produces the desired output.
The issue this time seems to be on the List View component not being able to read the data from the transformer with an error in the console.
We don't actually support nesting tables in listviews - you can typically see that it's blocked when you try and drag one in. The fact that it's possible to place one inside a container that's inside a listview is actually a bug that the dev team is looking into fixing.
The key value component really does seem like the best solution here, though there are a couple other components that would show the data (e.g. json explorer and listbox) you might also be able to customize an HTML component to display what you're looking for as a workaround.
Hi @Kabirdas, thanks for following up! We have made updates to our data structure and no longer uses the key value component, so I am unable to verify for you. I will post to this thread if I do encounter the issue again .