<div class="box box-primary box-solid">
    <div class="box-header with-border">
        <h3 class="box-title">Estudios Academicos</h3>
    </div>
    <div class="box-body">
        <table id="tbl-Usuarios-EstudiosAcademicos-{{ hash_vista }}" class="table table-bordered table-hover table-responsive">
            <thead>
                <tr>
                    <th>TITULO ACADEMICO</th>
                    <th>FECHA DE INICIO</th>
                    <th>FECHA FINALIZACION</th>
                    <th>ESTADO</th>
                </tr>
            </thead>
            <tbody> 
                {% if estudios %}
                {% for estudio in estudios %}
                <tr>
                    <td>{{ estudio.estudioAcademicoTITULO }}</td>
                    <td>{{ estudio.estudioAcademicoFECHAINICIO }}</td>
                    <td>{{ estudio.estudioAcademicoFECHAFINAL }}</td>
                    <td>{{ estudio.estudioAcademicoESTADO }}</td>
                </tr>
                {% endfor %}
                {% endif %}
            </tbody>
        </table>
    </div>
</div>

<script type="text/javascript" >
    $(document).ready(function () {
        crearTablaScrollVertical('tbl-Usuarios-EstudiosAcademicos-{{ hash_vista }}', '610');
    });
</script>