<table id="tbl-usuarios-notificaciones" class="table table-bordered table-hover table-responsive">
    <thead>
        <tr>
            <th width="1%" ><input type="checkbox" class="check-usuarios-notificaciones" id="chk-Todosusuariosnotificaciones" ></th>
            <th width="1%" >Fecha</th>
            <th width="1%" >De:</th>
            <th width="1%" >Tipo</th>
            <th width="1%" >Titulo</th>
            <th width="1%" >Mensaje</th>
            <th width="1%" >Lectura</th>
            <th width="1%" >Operación</th>
            <th width="1%" >Ejecutado</th>
        </tr>
    </thead>
    <tbody> 
        {% if Notificaciones %}
        {% for notificacion in Notificaciones %}
        <tr>
            <td>
                <input type="checkbox" class="checkTable check-usuarios-notificaciones" name="check-notificaciones[]" 
                       value="{{ notificacion.notificacionID }}" data-titulo="{{ notificacion.notificacionTITULO }}" />
            </td>
            <td>{{ notificacion.notificacionFCHCREACION }}</td>
            <td>{{ notificacion.usuarioNOMBRE }}</td>
            <td>{{ notificacion.notificacionTIPO }}</td>
            <td>{{ notificacion.notificacionTITULO }}</td>
            <td class="titulo-flotante" title="{{ notificacion.notificacionMENSAJE|striptags }}" >
                {{ notificacion.notificacionMENSAJE|striptags[0:21] }}...
            </td>
            <td>
                {{ notificacion.notificacionFCHLECTURA }}
            </td>
            <td>
                {{ notificacion.operacionTITULO }}
            </td>
            <td>
                {{ notificacion.notificacionFCHOPERACION }}
            </td>
        </tr>
        {% endfor %}
        {% endif %}
    </tbody>
</table>
<script type="text/javascript" >
    $(document).ready(function () {
        checkBoxSICAM('.check-usuarios-notificaciones');
        activarSeleccionarTodos("chk-Todosusuariosnotificaciones", "check-usuarios-notificaciones");
    });
    crearTablaScrollVertical("tbl-usuarios-notificaciones", "320");
</script>