ListaPersona

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Lista Usuarios</title>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<link rel="stylesheet" href="https://cdn.datatables.net/2.3.2/css/dataTables.dataTables.css" />

<script src="https://cdn.datatables.net/2.3.2/js/dataTables.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('#table_id').DataTable();
    });
</script>

</head>
<body>
    <jsp:include page="Nav.html"/>

    <div class="container mb-4 mt-4">
        <section class="row justify-content-center">

            <article class="col-12 text-center mb-4">
                <h1>
                    Lista de Usuarios
                </h1>
            </article>

            <article>
                Agregar usuario:
                <button class="btn btn-primary rounded-circle fs-5">
                    <i class="bi bi-person-fill-add">
                    </i>
                </button>
            </article>

            <article class="col-12">
                <table border="1" id="table_id">

                <thead> <tr>
                        <td><b>USERNAME</b></td>
                        <td><b>CANTIDAD DE CUENTAS</b></td>
                        <td><b>CANTIDAD DE PRESTAMOS</b></td>
                        <td><b>ESTADO</b></td>
                    </tr>
                </thead>

                </table>
            </article>

            <article class="d-flex justify-content-end">
                <button class="btn btn-primary">
                    Ver detalle
                </button>
            </article>

        </section>
    </div>

</body>
</html>