<table id="table_afiliados" class="table table-bordered table-striped">
    <thead>
        <tr>
            <th></th>
            <th>Sección</th>
            <th>CIIU</th>
            <th>Identificacion</th>
            <th>Nombre Completo</th>
            <th>Tipo Organizacion</th>
            <th>Correo</th>
            <th>Telefono</th>
            <th>Celular</th>
            <th>Dirección</th>
        </tr>
    </thead>
    <tbody>
        {% if afiliados %}
            {% for afiliado in afiliados %}
                <tr>
                    <td>
                        <input type="checkbox" class="checkTable" name="checkafiliado[]" value="{{afiliados.afiliadoID }}">
                    </td>
                    <td class="titulo-flotante" title="{{afiliado.ciiuSeccionTITULO1 }}" >{{afiliado.ciiuSeccionCODIGO1 }}</td>
                    <td class="titulo-flotante" title="{{afiliado.ciiuActividadTITULO1 }}" >{{afiliado.ciiuActividadCODIGO1 }}</td>
                    <td>{{afiliado.personaIDENTIFICACION }}</td>
                    <td>{{afiliado.personaRAZONSOCIAL }}</td>
                    <td>{{afiliado.tipoOrganizacionTITULO }}</td>
                    <td>{{afiliado.personasCorreoPRINCIPAL }}</td>
                    <td>{{afiliado.telefonoFIJO }}</td>
                    <td>{{afiliado.telefonoCELULAR }}</td>
                    <td>{{afiliado.direccionCOMERCIAL }}</td>
                </tr>
            {% endfor %}
        {% endif %}
    </tbody>
    <tfoot>
    </tfoot>
</table>

<script>
    // $(document).ready(function () {

    //     $('input[type="checkbox"], input[type="radio"]').iCheck({
    //         checkboxClass: 'icheckbox_flat-blue',
    //         radioClass: 'iradio_flat-blue'
    //     });

    //     $('input[type="checkbox"]').on('ifChecked', function (event) {
    //         $(this).toggleClass('selected');
    //     });
    // });


    //$('#table_afiliados').DataTable();
    
    crearTablaScrollVertical("table_afiliados", "680");


</script>