Fixed Scroll

components/EntityShowSub.vue

@@ -115,7 +115,7 @@ setup()
       :type="type"
       :columns="columns"
       :rows="props.item[type]"
-      class="h-full"
+      style
     />
   </UCard>
 

components/EntityShowSubCreatedDocuments.vue

@@ -81,6 +81,9 @@ const templateColumns = [
   },{
     key: 'paid',
     label: "Bezahlt"
+  },{
+    key: 'amount',
+    label: "Betrag"
   },
   {
     key: "date",
@@ -255,6 +258,7 @@ const selectItem = (item) => {
         :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
         @select="selectItem"
         :empty-state="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Belege anzuzeigen' }"
+        style="height: 70vh"
     >
       <template #type-data="{row}">
         {{dataStore.documentTypesForCreation[row.type].labelSingle}}
@@ -281,7 +285,7 @@ const selectItem = (item) => {
       </template>
       <template #paid-data="{row}">
         <div v-if="(row.type === 'invoices' ||row.type === 'advanceInvoices') && row.state === 'Gebucht'">
-          <span v-if="useSum().getIsPaid(row)" class="text-primary-500">Bezahlt</span>
+          <span v-if="useSum().getIsPaid(row,createddocuments)" class="text-primary-500">Bezahlt</span>
           <span v-else class="text-rose-600">Offen</span>
         </div>
       </template>
@@ -296,11 +300,12 @@ const selectItem = (item) => {
       <template #dueDate-data="{row}">
         <span v-if="row.paymentDays && ['invoices','advanceInvoices'].includes(row.type)" >{{row.documentDate ? dayjs(row.documentDate).add(row.paymentDays,'day').format("DD.MM.YY") : ''}}</span>
       </template>
-<!--      <template #amount-data="{row}">
+      <template #amount-data="{row}">
         <span v-if="row.type !== 'deliveryNotes'">{{useCurrency(useSum().getCreatedDocumentSum(row, createddocuments))}}</span>
-      </template>-->
+      </template>
     </UTable>
 
+
   </UCard>
 </template>