set table-layout:fixed + display when loaded

ref #146

src/components/runners/RunnersOverview.svelte

@@ -1,5 +1,5 @@
 <script>
-  import { getLocaleFromNavigator, _ } from "svelte-i18n";
+  import { _ } from "svelte-i18n";
   import {
     RunnerService,
     RunnerTeamService,
@@ -11,11 +11,13 @@
   import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
   import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
   import GenerateRunnerCertificates from "../pdf_generation/GenerateRunnerCertificates.svelte";
+  let pageLoaded = false;
   $: searchvalue = "";
   $: active_deletes = [];
   export let current_runners = [];
   const runners_promise = RunnerService.runnerControllerGetAll().then((val) => {
     current_runners = val;
+    pageLoaded = true;
   });
   $: selectedFilter_teams = null;
   $: selectedFilter = null;
@@ -101,8 +103,10 @@
           bind:generate_runners />
       </div>
       <div
-        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">
-        <table class="divide-y divide-gray-200 w-full">
+        class:hidden={!pageLoaded}
+        class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll"
+      >
+        <table class="divide-y divide-gray-200 w-full table-fixed">
           <thead class="bg-gray-50">
             <tr>
               <th