<table id="tbl-TalentoHumano-Cargos" class="table table-bordered table-hover table-responsive">
    <thead>
        <tr>
            <th width="1%" ><input type="checkbox" class="check-TalentoHumano-Cargos" id="chk-TodosTalentoHumano-Cargos" ></th>
            <th width="1%" >Categoria</th>
            <th width="1%" >Código</th>
            <th width="1%" >Titulo</th>
            <th width="1%" >Descripción</th>
            <th width="1%" title="Imagen URL" class="titulo-flotante">Imagen</th>
            <th width="1%" title="PDF URL" class="titulo-flotante">PDF</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 Cargos %}
        {% for Cargo in Cargos %}
        <tr>
            <td>
                <input type="checkbox" class="checkTable check-TalentoHumano-Cargos" name="check-Cargos[]" 
                       value="{{ Cargo.cargoID }}" data-titulo="{{ Cargo.cargoTITULO }}" />
            </td>
            <td>{{ Cargo.categoriaTITULO }}</td>
            <td>{{ Cargo.cargoCODIGO }}</td>
            <td>{{ Cargo.cargoTITULO }}</td>
            <td class="titulo-flotante" title="{{ Cargo.cargoDESCRIPCION|striptags }}" >
                {{ Cargo.cargoDESCRIPCION|striptags[0:21] }}...
            </td>
            <td>
                {{ imagenTooltip( "IMG-" ~ Cargo.cargoID, Cargo.cargoURLIMAGEN) }}
            </td>
            <td >
                {{ pdfTooltip( "pdf-" ~ Cargo.cargoID, Cargo.cargoURLPDF ) }}
            </td>
            <td>{{ enlace( Cargo.cargoENLACE ) }}</td>
            <td>{{ labelEstado(Cargo.cargoESTADO) }}</td>
        </tr>
        {% endfor %}
        {% endif %}
    </tbody>
</table>
<script type="text/javascript" >
    $(document).ready(function () {
        checkBoxSICAM('.check-TalentoHumano-Cargos');
        activarSeleccionarTodos("chk-TodosTalentoHumano-Cargos", "check-TalentoHumano-Cargos");
    });
    crearTablaScroll("tbl-TalentoHumano-Cargos", "320");
</script>