<input type="button" onclick="tableToExcel('tabla-activos', 'W3C Example Table', 'myfile.xls')" value="Export to Excel" class="btn btn-info btn-xs">
<table class="table table-bordered table-striped table-hover table-responsive table-condensed" style="font-size: small;" id="tabla-activos">
    <thead>
        <tr>
            <th>#</th>
            <th>Pago</th>
            <th>CVE ALUMNO</th>
            <th>NOMBRE DEL ALUMNO</th>
            <th>FECHA</th>
            <th>NIVEL</th>
            <th>GRADO</th>
        </tr>
    </thead>
    <tbody>
        {% set tipoUsuario = app.session.get('rol') %}
        {% for d in datos %}
            <tr>
                <td style="vertical-align: middle;">{{loop.index}}</td>
                <td style="vertical-align: middle;">{{d.idePag}}</td>
                <td style="vertical-align: middle;">
                    <a href="{{path('consulta_alumno_dos', {ideAlu: d.cveAlu.ideAlu} )}}" target="_blank" style="color: black;">{{d.cveAlu.cveCtl}}</a>
                    {% if tipoUsuario == 3 %}
                        <a href="{{path('vista_pago',{cveCtl:d.cveAlu.cveCtl})}}" class="btn btn-xs btn-success" target="_blank" data-toggle="tooltip" title="Ir a Caja..." data-placement="right">$</a>
                    {% endif %}
                </td>
                <td style="vertical-align: middle;">{{d.cveAlu.apePat}} {{d.cveAlu.apeMat}} {{d.cveAlu.nomAlu}}</td>
                <td style="vertical-align: middle;">{{d.cveAlu.fecIns | date('d-m-Y')}}</td>
                <td style="vertical-align: middle;">{{d.cveAlu.cveLic.nomLic}}</td>
                {% if d.cveAlu.tipoAlumno == 2 %}
                    <td style="vertical-align: middle;">{{d.cveAlu.cveNumApli.numeroAplicacion}}</td>
                {% else %}
                    <td style="vertical-align: middle;">{{d.cveAlu.numero}}</td>
                {% endif %}

            </tr>
        {% else %}
            <tr class="text-center">
                <td colspan="5"> NO HAY ALUMNOS ``(°.°)´´</td>
            </tr>
        {% endfor %}
    </tbody>
</table>