Представление сложных табличных данных в Angular из API

Я пытаюсь представить эту таблицу в angular13 enter image description here

Я создал бэкенд API с помощью Django Rest Framework со следующей структурой:

  • FieldHead:{id,name} например, Production
  • FieldProperty: { id, name, FieldHead} например, ПРОДУКЦИЯ в HRS
  • Product: {ид,название,вес} например, 20 литров
  • Поставщик: {ид, название}, например, ABZ, XYZ
  • ProductPropertyCost:{FieldProperty, Product, Supplier, cost} Я пытаюсь найти лучший формат, в котором я могу вернуть данные, чтобы представить их в этом формате для каждого поставщика, и как представить их следующим образом
Вернуться на верх