I have values in my HTML like so:

```
<div>{{countryname}}</div>
<div>{{countryactivity}}</div>
<div>{{countryactivitycount}}</div>

```

These values are already grouped and separated by a comma, e.g. "Country1, Country1, Country1"

The output looks like this:

```
Country1, Country1, Country1    
Activity1, Activity1, Activity2    
Count10, Count3, Count4

```

How can I get it to look like this:

```
| Country1 | Activity1 | Count10
| Country1 | Activity2 | Count3
| Country1 | Activity1 | Count4 

```

I am new to HTML but can't seem to find an answer to this.