Display a table from array

I have a Table A and 1 of the columns values are javascript arrays ["red","yellow",blue"]
when a user select the row from Table A I want to populate Table B with one column and 3 rows
red
yellow
blue

BTW I could use a different widget (text,list,etc...) I just need to display the array with each value and a separate line.

How can I convert the array????

Hey @stephen1215!

Happy to help here! Our table component is looking for either an array of objects or an object of arrays. In this case, if you are looking to display in the second table the current rows array, you could use something like:

{{ {colors: TableA.selectedRow.data.COLUMNNAME} }}

this should translate to an object of arrays and populate a single column of colors with each of these values. Hope this helps, let me know if you have any questions :slight_smile:

Hi Chris,
I think it something with my column. Take a look at this screen shot. The Column is putting my array into a String

I found the answer

{{ {colors: JOSON.parse(TableA.selectedRow.data.COLUMNNAME) } }}