Here is a snapshot from my live server:
https://i.sstatic.net/sq83x.png
In the image attached, I have been working on extracting information from arrays and JSON using Bootstrap. My goal is to display each value from the array or JSON in separate badges.
This is the script I am using:
{% for info in qa_info %}
<tr>
<th>{{info.id}}</th>
<td>{{info.fullname}}</td>
<td><span id="skilltag" class="badge badge-primary light">{{info.skills_a}}
</span></td>
<td>{{info.pos}}</td>
<td class="color-primary">{{info.nickname}}</td>
</tr>
{% endfor %}
The data is retrieved from a Postgresql array and JSON column