How to use Velo to create a table in a repeater that displays the data for each item?

Ask the community
,
1

I am trying to create a table that displays in each repeater box with only the data for that one item. With the code I have written, I am to get the itemData to display for the first item only in ALL of the boxes? For instance, instead of having a different title of a book in each repeater, it displays the same title in all repeaters. If use console.log, the correct title displays in the console but not on the page.

export function archiveResults_itemReady ( $item , itemData , index ) {
$item ( “#dynamicTable” ). columns = [ // id of table to display content in
{
“id” : “Title” ,
“dataPath” : “title” ,
“width” : 180 ,
“label” : “” ,
“type” : “string” ,
// Path for the column if it contains a link
“linkPath” : “link-field-or-property”
},
{
“id” : “Content” ,
“dataPath” : “content” ,
“width” : 300 ,
“label” : “” ,
“visible” : true ,
“type” : “string” ,
“linkPath” : “link-field-or-property”
}];

let itemTitle = itemData . title ;
console . log ( itemTitle );

const tableData = [
{ “title” : “Title” , “content” : itemTitle },
{ “title” : “Language:” , “content” : itemData.language },
{ “title” : “Date of Publication:” , “content” : itemData . date },
{ “title” : “Source:” , “content” : itemData . source },
{ “title” : “Holding Institution:” , “content” : itemData . institution },
{ “title” : “Publisher:” , “content” : itemData . publisher },
{ “title” : “Material Type:” , “content” : itemData . type }
];
$item ( “#dynamicTable” ). rows = tableData ;
}

2

I don’t see a problem in the code you posted. the problem is probably somewhere else and not in this code.

3

Maybe you could explain more thoroughly what you’re trying to do and how you’re populating the repeater.

When I’ve used a table within a repeater, it’s always to display another collection’s data that is tied to the current repeater row where there is a one-to-many relationship. For instance, I have a volunteer scheduling app where the various committees are listed in each repeater row. The schedule for each committee (data from another collection) appears below the name of the committee.

If you’re displaying data from only one collection, you could just use text elements to display the seven fields’ data.