diff --git a/Plan/common/src/main/resources/assets/plan/web/js/xmlhttprequests.js b/Plan/common/src/main/resources/assets/plan/web/js/xmlhttprequests.js
new file mode 100644
index 000000000..9b4fcbbda
--- /dev/null
+++ b/Plan/common/src/main/resources/assets/plan/web/js/xmlhttprequests.js
@@ -0,0 +1,30 @@
+/**
+ * Make an XMLHttpRequest for JSON data.
+ * @param address Address to request from
+ * @param callback function with (json, error) parameters to call after the request.
+ */
+function jsonRequest(address, callback) {
+    var xhttp = new XMLHttpRequest();
+    xhttp.onreadystatechange = function () {
+        if (this.readyState === 4) {
+            try {
+                if (this.status === 200) {
+                    var json = JSON.parse(this.responseText);
+                    callback(json, null)
+                } else if (this.status === 404 || this.status === 403 || this.status === 500) {
+                    callback(null, this.status)
+                }
+            } catch (e) {
+                callback(null, e.message)
+            }
+        }
+    };
+    xhttp.open("GET", address, true);
+    xhttp.send();
+}
+
+function asyncJsonRequest(address, callback) {
+    setTimeout(function () {
+        jsonRequest(address, callback)
+    }, 0);
+}
\ No newline at end of file
diff --git a/Plan/common/src/main/resources/assets/plan/web/network.html b/Plan/common/src/main/resources/assets/plan/web/network.html
index b34f8fdd0..dfa60db25 100644
--- a/Plan/common/src/main/resources/assets/plan/web/network.html
+++ b/Plan/common/src/main/resources/assets/plan/web/network.html
@@ -1261,14 +1261,12 @@
 
 <!-- Custom scripts for all pages-->
 <script src="js/sb-admin-2.js"></script>
+<script src="js/xmlhttprequests.js"></script>
 <script src="js/color-selector.js"></script>
 
 <!-- Page level plugins -->
-<script src="vendor/chart.js/Chart.min.js"></script>
 
 <!-- Page level custom scripts -->
-<script src="js/demo/chart-area-demo.js"></script>
-<script src="js/demo/chart-pie-demo.js"></script>
 
 <script>
     setLoadingText('Rendering graphs..');
diff --git a/Plan/common/src/main/resources/assets/plan/web/player.html b/Plan/common/src/main/resources/assets/plan/web/player.html
index 7f00c2e69..6942d2941 100644
--- a/Plan/common/src/main/resources/assets/plan/web/player.html
+++ b/Plan/common/src/main/resources/assets/plan/web/player.html
@@ -1752,14 +1752,12 @@
 
 <!-- Custom scripts for all pages-->
 <script src="js/sb-admin-2.js"></script>
+<script src="js/xmlhttprequests.js"></script>
 <script src="js/color-selector.js"></script>
 
 <!-- Page level plugins -->
-<script src="vendor/chart.js/Chart.min.js"></script>
 
 <!-- Page level custom scripts -->
-<script src="js/demo/chart-area-demo.js"></script>
-<script src="js/demo/chart-pie-demo.js"></script>
 
 <script>
     setLoadingText('Rendering graphs..');
diff --git a/Plan/common/src/main/resources/assets/plan/web/server.html b/Plan/common/src/main/resources/assets/plan/web/server.html
index e2a8772cb..085d3b702 100644
--- a/Plan/common/src/main/resources/assets/plan/web/server.html
+++ b/Plan/common/src/main/resources/assets/plan/web/server.html
@@ -978,8 +978,8 @@
                                             class="fas fa-fw fa-users col-black"></i>
                                         Player List</h6>
                                 </div>
-                                <div class="chart-area">
-                                    <canvas id="myAreaChart"></canvas>
+                                <div class="table-responsive">
+                                    <table class="table table-bordered table-striped table-hover player-table dataTable"></table>
                                 </div>
                             </div>
                         </div>
@@ -1476,15 +1476,15 @@
 
 <!-- Custom scripts for all pages-->
 <script src="js/sb-admin-2.js"></script>
+<script src="js/xmlhttprequests.js"></script>
 <script src="js/color-selector.js"></script>
-<script src="js/server-values.js"></script>
 
 <!-- Page level plugins -->
-<script src="vendor/chart.js/Chart.min.js"></script>
+<script src="vendor/datatables/jquery.dataTables.min.js"></script>
+<script src="vendor/datatables/dataTables.bootstrap4.min.js"></script>
 
 <!-- Page level custom scripts -->
-<script src="js/demo/chart-area-demo.js"></script>
-<script src="js/demo/chart-pie-demo.js"></script>
+<script src="js/server-values.js"></script>
 
 <script>
     setLoadingText('Calculating values..');
@@ -1795,6 +1795,21 @@
     );
     setLoadingText('Rendering graphs..');
     setLoadingText('Sorting players table..');
+    jsonRequest("../json/players?serverName=${serverName}", function (playersTableJson, error) {
+        if (playersTableJson) {
+            $('.player-table').DataTable({
+                responsive: true,
+                columns: playersTableJson.columns,
+                data: playersTableJson.data,
+                order: [[5, "desc"]]
+            })
+        } else if (error) {
+            $('.player-table').DataTable({
+                columns: [{title: "Error"}],
+                data: [["Failed to load Players table data: " + error]]
+            })
+        }
+    });
     setLoadingText('Almost done..');
     var navButtons = document.getElementsByClassName("nav-button");
     var tabs = document.getElementsByClassName("tab");