This is the Actual Output that I am getting. I need it to look like this. This is the code I'm using to show the "bunkable" value but I'm not getting proper output. Bunkable is a list and the datas is a list of tuples from SQLite. Any suggestions on how I can fix this or do I need to give more context/information?
<div class='table-responsive-sm'>
<table class='table table-bordered table-striped '>
<thead style="background-color: #007ac6; color:aliceblue;" class="text-center">
<th>CourseID</th>
<th>Subject</th>
<th>Bunked</th>
<th>Remaining Hours</th>
</thead>
<tbody>
{% for row in datas%}
<tr>
<td>{{row.CourseID}}</td>
<td>{{row.Subject}}</td>
<td>{{row.bunkedHours}}</td>
{% endfor %}
{% for bunkable in bunk %}
<td>{{bunkable}}</td>
</tr>
{%endfor%}
</tbody>
</table>
</div>