add

index.html

@@ -223,11 +223,15 @@ tr:hover a {
         }
     
         function createTable(data, tableId) {
-            let table = `<table id="${tableId}">`;
-            table += '<thead><tr>';
-            for (let key in data[0]) {
-                table += `<th><a href="javascript:void(0);" onclick="sortTable('${tableId}', ${Object.keys(data[0]).indexOf(key)})">${key}</a></th>`;
-            }
+            let table = `<table id="${tableId}"><thead><tr>`;
+            // for (let key in data[0]) {
+            //     table += `<th><a href="javascript:void(0);" onclick="sortTable('${tableId}', ${Object.keys(data[0]).indexOf(key)})">${key}</a></th>`;
+            // }
+
+            Object.keys(data[0]).forEach((key, index) => {
+                table += `<th data-index="${index}" onclick="sortTable('${tableId}', ${index})">${key} <span class="sort-arrow"></span></th>`;
+            });
+
             table += '</tr></thead><tbody>';
             data.forEach(row => {
                 table += '<tr>';