Learn, grow and help others with BBBootstrap
Contribute us with some awesome cool snippets using HTML,CSS,JAVASCRIPT and BOOTSTRAP
saadsdasdasssss asda
2 months ago23k times
<!DOCTYPE html>
<html lang="en">
<head>
<%- include('../partials/head.ejs') %>
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.4.0/css/responsive.dataTables.min.css">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.4.0/js/dataTables.responsive.min.js"></script>
</head>
<body>
<main class="d-flex align-items-stretch">
<%- include('../partials/sideNav.ejs') %>
<section class="container-fluid">
<div class="row">
<div class="col">
<h1 class="my-3">BCL Vpn Users</h1>
<div class="table-responsive">
<table id="user-table" class="table table-striped table-dark w-100">
<thead>
<tr>
<th scope="col">Username</th>
<th scope="col">Ip</th>
<th scope="col">Domain</th>
<th scope="col">Country</th>
<th scope="col">City</th>
</tr>
</thead>
<tbody>
<% if (users && users.length) { %>
<% users.forEach(user=> { %> <tr>
<td>
<%= user.user_name %>
</td>
<td>
<%= user.ip %>
</td>
<td>
<%= user.domain %>
</td>
<td>
<%= user.country %>
</td>
<td>
<%= user.city %>
</td>
</tr>
<% }) %>
<% } else { %>
<tr>
<td colspan="5">No data available</td>
</tr>
<% } %>
</tbody>
</table>
</div>
</div>
</div>
</section>
</main>
</body>
</html>
Add Answer
© 2024 bbbootstrap. All rights reserved