usable books page

vue3/src/components/display/IngredientsTable.vue

@@ -33,7 +33,7 @@
                 <td colspan="5" class="font-weight-bold">{{ i.note }}</td>
             </template>
             <template v-else>
-                <td style="width: 1%; text-wrap: nowrap" class="pa-0">
+                <td style="width: 1%; text-wrap: nowrap" class="pa-0" v-if="showCheckbox">
                     <v-checkbox-btn v-model="i.checked" color="success" v-if="!i.isHeader"></v-checkbox-btn>
                 </td>
                 <td style="width: 1%; text-wrap: nowrap" class="pr-1" v-html="calculateFoodAmount(i.amount, props.ingredientFactor, useUserPreferenceStore().userSettings.useFractions)"></td>
@@ -73,6 +73,10 @@ const props = defineProps({
         type: Number,
         required: true,
     },
+    showCheckbox: {
+        type: Boolean,
+        default: true
+    },
 })
 
 const tableHeaders = computed(() => {