I need to create one matrix table of each combination by comparing the two array object using Angular. I am explaining my code below.

```
ColumnNames= ["Colour", "Size"];
configArr={
  "Colour":["Black", "Red", "Blue","Grey"],
  "size": ["XS","S","XL","XXL","M"]
}

```

Here I have two array. My first array `ColumnNames` values will be the table column header and accordingly I need to create the matrix like below.

> 
> Expected output::
> 
> 
> 

```
Colour        Size

 Black          XS
 Black           S
 Black          XL
 Black         XXL
 Black          M
 Red           XS
 Red            S
 Red           XL
 Red           XXL
 Red            M

.................
................
................

```

Like the above format I need to display the data into angular table. I need only create the matrix dynamically.