<div class="table-responsive" style="height: 400px;">
    <div>
        <table class="table align-items-center table-dark">
            <thead class="thead-dark">
                <tr>
                    <th>Serial Number</th>
                    <th>Users</th>
                </tr>
            </thead>
            <tbody class="list">
               {% set serial_number = 1 %}
               {% for value in black202 %} 
                <tr>
                    <td>{{ serial_number }}</td>
                    <td class="status">
                        <span class="badge badge-dot mr-4">
                            <i class="bg-warning"></i>{{ value }}
                        </span>
                    </td>
                </tr>
                {% set serial_number = serial_number + 1 %}
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
