<table id="tbl-beneficiosafiliados" class="table table-bordered table-hover table-responsive">
    <thead>
        <tr>
            <th width="1%" ><input type="checkbox" class="checkBeneficiosAfiliados" id="chk-seleccionarTodosBeneficios" ></th>
            <th width="30%" >Nombre Bendeficio</th>
            <th width="60%" >Descripción</th>
            <th width="1%" title="Imagen Miniatura" class="titulo-flotante" >P</th>
            <th width="1%" title="Imagen Grande" class="titulo-flotante">G</th>
            <th width="1%" title="Enlace Asociado" class="titulo-flotante" ><i class="fa fa-link" ></i></th>
            <th width="1%" title="Estado" class="titulo-flotante" ></th>
        </tr>
    </thead>
    <tbody> 
        {% if beneficiosAfiliados %}
            {% for beneficioAfiliados in beneficiosAfiliados %}
                <tr>
                    <td>
                        <input type="checkbox" class="checkTable checkBeneficiosAfiliados" name="check_afiliados_beneficios[]" 
                            value="{{ beneficioAfiliados.beneficioID }}" data-titulo="{{ beneficioAfiliados.beneficioTITULO }}" >
                    </td>
                    <td>{{ beneficioAfiliados.beneficioTITULO  }}</td>
                    <td class="titulo-flotante" title="{{ beneficioAfiliados.beneficioDESCRIPCION|striptags }}" >
                        {{ beneficioAfiliados.beneficioDESCRIPCION|striptags[0:75] }}...
                    </td>
                    <td>
                        {{ imagenTooltip( "beneficioIMGMIN-" ~ beneficioAfiliados.beneficioID, beneficioAfiliados.beneficioIMGMIN) }}
                    </td>
                    <td >
                        {{ imagenTooltip( "beneficioIMGMAX-" ~ beneficioAfiliados.beneficioID, beneficioAfiliados.beneficioIMGMAX) }}
                    </td>
                    <td>{{ enlace( beneficioAfiliados.beneficioLINK ) }}</td>
                    <td>{{ labelEstado(beneficioAfiliados.beneficioESTADO, beneficioAfiliados.beneficioESTADO) }}</td>
                </tr>
            {% endfor %}
        {% endif %}
    </tbody>
    <tfoot>
    </tfoot>
</table>
<script >
    $(document).ready(function () {
        checkBoxSICAM('.checkBeneficiosAfiliados');
        activarSeleccionarTodos("chk-seleccionarTodosBeneficios", "checkBeneficiosAfiliados");
    });
    crearTablaScrollVertical("tbl-beneficiosafiliados", "410");
</script>