Sort up sort down icons in tabellenkopf

css/main.css

@@ -104,21 +104,22 @@ table#t01 {
     width: 100%;
 }
 
-table#t01 tr:nth-child(even) {
-    background-color: lightgray;
-}
-
 table#t01 tr:nth-child(odd) {
-    background-color: white;
+    background-color: lightgrey;
 }
 
 table#t01 th {
-    background-color: white;
+    background-color: #fff;
+}
+/* die sort up sort down icons neben den Spaltennamen  */
+table#t01 th i {
+    font-size: 0.6em;
+    color: lightgreen;
 }
 
 table#t01 th, table#t01 td {
     line-height: 1em;
-    padding: 5px 8px;
+    padding: 11px 0;
 }
 
 .boxed {

js/table.js

@@ -59,6 +59,7 @@ function processData(csv, path) {
         // create table column header
         table += "<th onclick=\"sortTable(" + j + ")\" >";
         table += stringPerToSlash(data[j]);
+        table += ' <i class="fas fa-chevron-up"></i>&nbsp;<i class="fas fa-chevron-down"></i>';
         table += "</th>";
 
         // create dropdown elements