<script type="text/javascript" class="init">
    $(document).ready(function () {
        $('#tBitacora').DataTable({
            "paging": true,
            "lengthMenu": [[5, 25, 50, 75, 100, 500, -1], [5, 25, 50, 75, 100, 500, "Todos"]],
            "iDisplayLength": 25
        });
    });
</script>

<h2 class="page-header"> Bitácora </h2>

<table class="display table-striped" id="tBitacora" >
    <thead>
        <tr>
            <th class="col-md-2" style="color: #337ab7">Fecha / Hora</th>
            <th class="col-md-2" style="color: #337ab7">Operación</th>
            <th class="col-md-1" style="color: #337ab7">DNI</th>
            <th class="col-md-4" style="color: #337ab7">Datos</th>
            <th class="col-md-2" style="color: #337ab7">Usuario</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th class="col-md-2" style="color: #337ab7">Fecha / Hora</th>
            <th class="col-md-2" style="color: #337ab7">Operación</th>
            <th class="col-md-1" style="color: #337ab7">DNI</th>
            <th class="col-md-4" style="color: #337ab7">Datos</th>
            <th class="col-md-2" style="color: #337ab7">Usuario</th>
        </tr>
    </tfoot>
    <tbody>
        <c:forEach items="${registros}" var="e"  >
            <tr>
                <td>
                    ${e.fechahora}
                </td>
                <td>
                    ${e.operacion.descripOp}
                    <c:set var="tipoOp" value="${e.operacion.id}" />
                </td>
                <c:if test="${tipoOp < 4}">
                    <td>
                        ${e.dni}
                    </td>
                    <td>
                        ${e.datos}
                    </td>
                </c:if>
                <c:if test="${tipoOp > 3}">
                    <td colspan="2">
                        <c:if test="${tipoOp == 4}">
                            Usuario nuevo:&nbsp;
                        </c:if>
                        <c:if test="${tipoOp == 5}">
                            Usuario modific:&nbsp;
                        </c:if>
                        ${e.operAuxil}
                    </td>
                </c:if>
                <td>
                    ${e.usuario.nombre}
                </td>
            </tr>
        </c:forEach>
    </tbody>
</table>