datatable

liste.php

@@ -35,11 +35,12 @@
     <link rel="stylesheet" href="css/leaflet.css" />
     <link rel="stylesheet" href="css/leaflet.awesome-markers.css" />
     <link rel="stylesheet" href="css/lightbox.css" />
-    <link rel="stylesheet" href="css/font-awesome.min.css">
-    <!--
-    <link rel="stylesheet" href="vendor/DataTables/datatable.min.css">
+    <link rel="stylesheet" href="css/font-awesome.min.css"> 
+    <link rel="stylesheet" href="//cdn.datatables.net/2.0.0/css/dataTables.dataTables.min.css">
+ 
+   
     <link rel="stylesheet" href="vendor/DataTables/DataTables-1.10.21/css/dataTables.bootstrap4.min.css">
--->
+
 
     <title>Eintragsliste</title>
     <script src="js/jquery.min.js"></script>
@@ -47,10 +48,11 @@
     <script src="js/leaflet.ajax.js"></script>
     <script src="js/leaflet.awesome-markers.js"></script>
     <script src="js/lightbox.min.js"></script>
-    <!--
-    <script src="vendor/DataTables/datatables.js"></script>
-    <script src="vendor/DataTables/DataTables-1.10.21/js/dataTables.bootstrap4.min.js"></script>
--->
+
+    <script src="//cdn.datatables.net/2.0.0/js/dataTables.min.js"></script>
+   
+        <script src="vendor/DataTables/DataTables-1.10.21/js/dataTables.bootstrap4.min.js"></script>
+
 
     
 
@@ -200,12 +202,14 @@
 <script>
 jQuery(document).ready(function(){
 
-   
-  //  dataTable = $('#list').DataTable( {
-     //  language: {
-     //         url: 'vendor/DataTables/de_DE.json'
-     //  }
- //  });
+
+   let dataTable = new DataTable( 
+    "#list",
+    { 
+       language: {
+              url: 'vendor/DataTables/de_DE.json'
+       }
+   });