{# Cuerpo de la tabla #}
<div class="custom-flex-table" id="flexDepartmentTableRowsContainer" style="width: 100%;">
    {# Filas de la tabla (datos) #}
     <div class="flex-table header" role="rowgroup">
        <div class="flex-row" role="columnheader" style="width: 60%;">Nombre</div>
        <div class="flex-row" role="columnheader" style="width: 10%;">Usuarios</div>
        <div class="flex-row" role="columnheader" style="width: 30%;">Acciones</div>
    </div>

    {# Otras filas... #}
</div>

{# Fila para agregar departamentos #}
<div class="custom-flex-table" id="flexDepartmentTableRowAdderContainer" style="background-color: #dadada; width: 100%;">
    <div class="custom-flex-row p-0 w-100" role="row" style="width: 100%;">
        <div class="custom-flex-cell text-end">
            <div class="form-group text-end mb-0 me-2">
                <span data-toggle="tooltip" data-placement="top" title="Agregar fila/departamento">
                    <i class="fa fa-plus" aria-hidden="true"></i>
                </span>
            </div>
        </div>
    </div>
</div>