M assets/js/app.js → assets/js/app.js

@@ -39,6 +39,7 @@ }
         ],
         paging: false,
         responsive: true,
+        fixedHeader: true,
         order: [[ 0, "asc" ]]
     };
     const table = $('#table').DataTable(options);

M index.html → index.html

@@ -9,6 +9,11 @@
     <!-- Datatables -->
     <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.20/fh-3.1.6/r-2.2.3/sl-1.3.1/datatables.min.css"/>
     <link rel="stylesheet" type="text/css" href="assets/css/table.css">
+    <style>
+        .fixedHeader-floating {
+            background-color: rgb(16, 16, 16) !important;
+        }
+    </style>
 
     <!-- jQuery & Datatables -->
     <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>