<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-Familiar-{{ hash_vista }}" class="table table-bordered table-hover table-responsive">
            <thead>
                <tr>
                    <th>NOMBRE COMPLETO</th>
                    <th>TELEFONO DE CONTACTO</th>
                    <th>PARENTESCO</th>
                    <th>FALLECIDO</th>
                </tr>
            </thead>
            <tbody> 
                {% if familiares %}
                {% for familiar in familiares %}
                <tr>
                    <td>{{ familiar.personaRAZONSOCIAL }}</td>
                    <td>{{ familiar.telefonoCELULAR }}</td>
                    <td>{{ familiar.personaRelacionCATEGORIA }}</td>
                    <td>{{ familiar.personaRelacionFALLECIDO }}</td>
                </tr>
                {% endfor %}
                {% endif %}
            </tbody>
        </table>
    </div>
</div>

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