Need help with table layout connected to data

Ask the community
,
1

I need a table layout that has fixed labels on the left hand side (almost like a header row that goes vertical rather than horizontal) that are not connected to any data- they are just text labels- and one column to the right that has text fields linked to the database for a dynamic page. I can’t find a table that does this… I have tried a repeater but that doesn’t allow the text fields on the right to be connected to different fields… and I’m trying with boxes and grouping things together and linking text but if I get too much text on the right then it throws the boxes out of line. Have any solutions been found by you clever people? Maybe my brain is too tired by Friday night and its staring me in the face but I can’t figure it out :wink:

Here’s an image of what I want to replicate:

2814×962 275 KB

2

Hi mate you could just assign each column of data on page ready into an array then push the array to a repeater.

Ie

let items = []

items.push({“_id”: ‘1’, value”: $w(“#dynamicDataset”).getCurrentItem().column1})

items.push({“_id”: ‘2’, “value”: $w(“#dynamicDataset”).getCurrentItem().column2})

//etc

$w(“#repeater1”).data = items

You would then make the repeater look like a table as above and use onItemReady

$w(“#repeater1”).onItemReady(($item, itemData, index) => {

$item(“#text1”).text = itemData.value

})