<table id="tbl-Planeador-PlanesOperaciones" class="table table-bordered table-hover table-responsive">
    <thead>
        <tr class="info">
            <th width="1%" >Código Operación</th>
            <th width="1%" >Tipo Operación</th>
            <th width="1%" >Fecha de Inicio</th>
            <th width="1%" >Fecha de Finalización</th>
            <th width="1%" >Descripción</th>
            <th width="1%" >Presupuesto</th>
            <th width="1%" >Ver</th>
        </tr>
    </thead>
    <tbody> 
        {% if PlanesOperaciones %}
        {% for PlanOperacion in PlanesOperaciones %}
        <tr>
            <td>{{ PlanOperacion.planOperacionCODIGO }}</td>
            <td>{{ PlanOperacion.tipoOperacionTITULO }}</td>
            <td>{{ PlanOperacion.planOperacionFCHINICIO }}</td>
            <td>{{ PlanOperacion.planOperacionFCHFINAL }}</td>
             <td class="titulo-flotante" title="{{ PlanOperacion.planOperacionDESCRIPCION|striptags }}" >
                {{ PlanOperacion.planOperacionDESCRIPCION|striptags[0:21] }}...
            </td>
            <td>{{ PlanOperacion.planOperacionPRESUPUESTADO }}</td>
            <td><a data-skin="skin-blue" class="btn btn-info btn-xs" onclick="cargarOperacion({{ PlanOperacion.planOperacionID }})"><i class="fa fa-eye"></i></a></td>
        </tr>
        {% endfor %}
        {% endif %}
    </tbody>
</table>
<script type="text/javascript" >
    $(document).ready(function () {
        checkBoxSICAM('.check-Planeador-PlanesOperaciones');
        checkBoxSICAM('#chk-TodosPlanesOperacionesPlaneador');
        activarSeleccionarTodos("chk-TodosPlanesOperacionesPlaneador", ".check-Planeador-PlanesOperaciones");
    });
</script>