diff --git a/src/components/05_quotation/ProductItem.vue b/src/components/05_quotation/ProductItem.vue
index 3f5239d1..42ab6048 100644
--- a/src/components/05_quotation/ProductItem.vue
+++ b/src/components/05_quotation/ProductItem.vue
@@ -13,7 +13,7 @@ const priceData = defineModel<{
 });
 
 defineEmits<{
-  (e: 'delete'): void;
+  (e: 'delete', index: number): void;
 }>();
 
 withDefaults(
@@ -103,7 +103,7 @@ const columns = [
       :rows="rows"
       imgColumn="name"
       :customColumn="['amount', 'pricePerUnit', 'discount', 'tax', 'sumPrice']"
-      @delete="$emit('delete')"
+      @delete="(i) => $emit('delete', i)"
     >
       <template v-slot:img-column="{ props }">
         <q-avatar class="q-mr-sm" size="md">
diff --git a/src/components/TableComponents.vue b/src/components/TableComponents.vue
index 7b5dd368..05a3664d 100644
--- a/src/components/TableComponents.vue
+++ b/src/components/TableComponents.vue
@@ -88,7 +88,11 @@ defineEmits<{
     <template v-slot:body-cell-action="props">
       <q-td class="text-center row items-center">
         <slot name="button" :props="props"></slot>
-        <DeleteButton iconOnly v-if="buttonDelete" />
+        <DeleteButton
+          iconOnly
+          v-if="buttonDelete"
+          @click="$emit('delete', props.rowIndex)"
+        />
 
         <q-btn
           v-if="!buttonDelete"