Dynamically create UI5 table

Hi Experts,

I am having 2 table UIs in my HTML5 page. Both these tables have just 1 column each.

The purpose is to allow the user to select any row in table 1 then select a row in table 2, and show the 2 selections in a third table with 2 columns with the 2 selected values.

For eg., If first table has 1 column having values like below

and second table has a column having values like

then suppose user selects Value2 from first table and Num3 from second table, I want to create a third table and show the values in 2 columns like below and keep adding rows to the below table whenever user selects a combination of values from both above tables: