<table id="tbl-Planeador-PlanesProgramas" class="table table-bordered table-hover table-responsive">
    <thead>
        <tr>
            <th width="1%" ><input type="checkbox" class="check-Planeador-Programas" id="chk-TodosPlanesProgramasPlaneador" ></th>
            <th width="1%" >Código</th>
            <th width="1%" >Titulo</th>
            <th width="1%" >Justificación</th>
            <th width="1%" >Fecha de Inicio</th>
            <th width="1%" >Fecha de Terminación</th>
            <th width="1%" title="Estado" class="titulo-flotante" >Estado</th>
        </tr>
    </thead>
    <tbody> 
        {% if Programas %}
        {% for Programa in Programas %}
        <tr>
            <td>
                <input type="checkbox" id="check-Programas{{ Programa.programaID }}" class="checkTable check-Planeador-Programas" name="programaSELECCIONADOS[]" value="{{ Programa.programaID }}" data-titulo="{{ Programa.programaTITULO }}" />
            </td>
            <td>{{ Programa.programaCODIGO }}</td>
            <td>{{ Programa.programaTITULO }}</td>
            <td>{{ Programa.programaJUSTIFICACION|striptags[0:40] }}...</td>
            <td>{{ Programa.programaFCHINICIA }}</td>
            <td>{{ Programa.programaFCHTERMINA }}</td>
            <td>{{ labelEstado(Programa.estadoProgramaTITULO) }}</td>
        </tr>
        {% endfor %}
        {% endif %}
    </tbody>
</table>
<script type="text/javascript" >
    $(document).ready(function () {
        checkBoxSICAM('.check-Planeador-Programas');
        activarSeleccionarTodos("chk-TodosPlanesProgramasPlaneador", ".check-Planeador-Programas");
    });
    crearTablaScroll("tbl-Planeador-Programas", "320");
    
</script>