      <div class="box-body table-responsive no-padding">
                    <table class="table table-hover table-striped" id="table-vendors">
                        <tr>
                            <th>Vendor</th>
                            <th class="text-center">Products</th>
                            <th class="text-center">Actions</th>
                        </tr>
                        {% for vendor in vendors %}
                        <tr>
                            <td>{{ vendor.name | huma