<style>
    @media (max-width: 767.98px) {
  .table-responsive .table-dark {
    display: inline-block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

</style>

<div class="table-responsive">
    <div>
        <table class="table align-items-center table-dark">
            <thead class="thead-dark">
                <tr>
                    <th>Users</th>
                </tr>
            </thead>
            <tbody class="list">
                {% for value in black404 %} 
                <tr>
                    
                    <td class="status">
                        <span class="badge badge-dot mr-4">
                            <i class="bg-warning"></i>{{value}}
                        </span>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

</div>