Fixed issue with removing the bom entries caused by the multiple collapse rows

templates/Form/collection_types_layout.html.twig

@@ -1,3 +1,32 @@
+{% block project_bom_entry_collection_widget %}
+    {% import 'components/collection_type.macro.html.twig' as collection %}
+    <div {{ collection.controller(form, 'project.bom.delete.confirm', 3) }}>
+        <table class="table table-striped table-bordered table-sm" {{ collection.target() }}>
+            <thead>
+            <tr>
+                <th></th> {#  expand button #}
+                <th>{% trans %}project.bom.quantity{% endtrans %}</th>
+                <th>{% trans %}project.bom.part{% endtrans %}</th>
+                <th>{% trans %}project.bom.name{% endtrans %}</th>
+                <th></th> {# Remove button #}
+            </tr>
+            </thead>
+
+            <tbody>
+            {% for entry in form %}
+                {{ form_widget(entry) }}
+            {% endfor %}
+            </tbody>
+        </table>
+
+        <button type="button" class="btn btn-success mb-2" {{ collection.create_btn() }}>
+            <i class="fas fa-plus-square fa-fw"></i>
+            {% trans %}project.bom.add_entry{% endtrans %}
+        </button>
+    </div>
+
+{% endblock %}
+
 {% block project_bom_entry_widget %}
     {% set target_id = 'expand_row-' ~ random() %}