table

src/web/css/userstable.css

@@ -28,8 +28,15 @@ th {
     border-radius: 10px;
     padding: 10px;
     width: 14%;
-    text-overflow: auto;
-    overflow-x: auto;
+    text-overflow: elipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+th>p {
+    width: 14vw;
+    height: 100%;
+    overflow: auto;
 }
 
 .thbutton {

src/web/js/get_all_users.js

@@ -10,7 +10,7 @@ const get_all_users = async () => {
     for (const user of response) {
         alluserstablebody.innerHTML += `
             <tr>
-                <th>${user.id}</th>
+                <th><p>${user.id}</p></th>
                 <th>${user.username}</th>
                 <th>${user.group}</th>
                 <th>${user.is_superuser}</th>
@@ -20,4 +20,4 @@ const get_all_users = async () => {
             </tr>    
         `
     }
-}
+}