JSFiddle - React, Tailwind, and code Playground
JavaScript
(function () {
const pos = [
{
"CreationDate": "1673568000000",
"CreatedByUser": "CB9980000000",
"IsEndOfPurposeBlocked": "",
"PurchasingCompletenessStatus": true,
"CashDiscount1Days": "0",
"to_PurchaseOrderNote": {
"__deferred": {
"uri": "https://my401723-api.s4hana.cloud.sap/sap/opu/odata/sap/API_PURCHASEORDER_PROCESS_SRV/A_PurchaseOrder('4500000000')/to_PurchaseOrderNote"
}
},
"PurchaseOrderType": "NB",
"PurchasingOrganization": "1110",
"PurchasingDocumentDeletionCode": "",
"NetPaymentDays": "0",
"ManualSupplierAddressID": "",
"IncotermsVersion": "",
"AddressRegion": "",
"PurchasingGroup": "001",
"CorrespncExternalReference": "",
"IncotermsClassification": "",
"AddressName": "",
"InvoicingParty": "",
"SupplyingPlant": "",
"PurgAggrgdSftyDataSheetStatus": "",
"PurchasingDocumentOrigin": "9",
"AddressCityName": "",
"AddressStreetName": "",
"PurchasingCollectiveNumber": "",
"CashDiscount2Percent": "0.000",
"ExchangeRate": "0.00000",
"SupplyingSupplier": "",
"CorrespncInternalReference": "",
"PaymentTerms": "",
"AddressCountry": "",
"PurgAggrgdProdMarketabilitySts": "",
"AddressPostalCode": "",
"PurchaseOrderSubtype": "",
"Language": "EN",
"SupplierRespSalesPersonName": "",
"SupplierQuotationExternalID": "",
"PurgProdCmplncTotDngrsGoodsSts": "",
"Supplier": "",
"__metadata": {
"id": "https://my401723-api.s4hana.cloud.sap/sap/opu/odata/sap/API_PURCHASEORDER_PROCESS_SRV/A_PurchaseOrder('4500000000')",
"type": "API_PURCHASEORDER_PROCESS_SRV.A_PurchaseOrderType",
"uri": "https://my401723-api.s4hana.cloud.sap/sap/opu/odata/sap/API_PURCHASEORDER_PROCESS_SRV/A_PurchaseOrder('4500000000')"
},
"IncotermsLocation2": "",
"IncotermsLocation1": "",
"AddressFaxNumber": "",
"AddressPhoneNumber": "",
"AddressCorrespondenceLanguage": "",
...