Datatables Library

gerardpuigl · gerardpuigl · commit 2dd69949b7ff · 2021-03-22T16:33:42.000+01:00
diff --git a/src/main/resources/static/background.jpeg b/src/main/resources/static/background.jpeg
diff --git a/src/main/resources/static/index.css b/src/main/resources/static/index.css
@@ -0,0 +1,11 @@
+body::after {
+    content: "";
+    background: url(/Users/gerardpuig/eclipse-workspace/ITAcademy_Exercicis/M13-HTTP-Service/src/main/resources/static/background.jpeg);
+    opacity: 0.5;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    position: absolute;
+    z-index: -1;   
+}
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="es" xmlns:th="http://www.thymeleaf.org">
 
 <head>
 	<meta charset="UTF-8">
@@ -8,6 +8,17 @@
 	<!--Libreria Jquery carcada des de CDN-->
 	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 
+	<!-- Data table -->
+    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css">
+    <script type="text/javascript">
+        $(document).ready(function () {
+            //Asegurate que el id que le diste a la tabla sea igual al texto despues del simbolo #
+            $('#employeeTable').DataTable();
+        });
+	</script>
 </head>
 
 <body>
