<table id="tbl-Planeador-30" class="table table-bordered table-hover table-responsive">
    <thead>
        <tr>
            <th width="1%" ><input type="checkbox" class="check-Planeador-30" id="chk-TodosPlaneador-30" ></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 ColaboradoresPresupuestados %}
        {% for PersonalPresupuestado in ColaboradoresPresupuestados %}
        <tr>
            <td>
                <input type="checkbox" class="checkTable check-Planeador-30" name="check-ColaboradoresPresupuestados[]" 
                       value="{{ PersonalPresupuestado.personalPresupuestadoID }}" data-titulo="{{ PersonalPresupuestado.personalPresupuestadoTITULO }}" />
            </td>
            <td>{{ PersonalPresupuestado.categoriaTITULO }}</td>
            <td>{{ PersonalPresupuestado.personalPresupuestadoCODIGO }}</td>
            <td>{{ PersonalPresupuestado.personalPresupuestadoTITULO }}</td>
            <td class="titulo-flotante" title="{{ PersonalPresupuestado.personalPresupuestadoDESCRIPCION|striptags }}" >
                {{ PersonalPresupuestado.personalPresupuestadoDESCRIPCION|striptags[0:21] }}...
            </td>
            <td>
                {{ imagenTooltip( "IMG-" ~ PersonalPresupuestado.personalPresupuestadoID, PersonalPresupuestado.personalPresupuestadoURLIMAGEN) }}
            </td>
            <td >
                {{ pdfTooltip( "pdf-" ~ PersonalPresupuestado.personalPresupuestadoID, PersonalPresupuestado.personalPresupuestadoURLPDF ) }}
            </td>
            <td>{{ enlace( PersonalPresupuestado.personalPresupuestadoENLACE ) }}</td>
            <td>{{ labelEstado(PersonalPresupuestado.personalPresupuestadoESTADO) }}</td>
        </tr>
        {% endfor %}
        {% endif %}
    </tbody>
</table>
<script type="text/javascript" >
    $(document).ready(function () {
        checkBoxSICAM('.check-Planeador-30');
        activarSeleccionarTodos("chk-TodosPlaneador-30", "check-Planeador-30");
    });
    crearTablaScroll("tbl-Planeador-ColaboradoresPresupuestados", "320");
</script>