striped tabled

src/components/donors/DonorsOverview.svelte

@@ -207,7 +207,7 @@
       class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll"
     >
       <table class="w-full">
-        <thead>
+        <thead class="border-b border-gray-400">
           {#each $table.getHeaderGroups() as headerGroup}
             <tr class="select-none">
               <th class="inset-y-0 left-0 px-4 py-2 text-left w-px">
@@ -226,7 +226,7 @@
         </thead>
         <tbody>
           {#each $table.getRowModel().rows as row}
-            <tr>
+            <tr class="odd:bg-white even:bg-gray-100">
               <td class="inset-y-0 left-0 px-4 py-2 text-center w-px">
                 <InputElement
                   type="checkbox"