+ Start a Discussion
VRKVRK 

how to display JSON Response data in Table in LWC

Hi,
my request is How to display JSON Response in Table format in LWC Component.

This is my sample JSON Response #
  "fullDataJson": {
    "response": {},
    "ResponseAction_MPAServiceCheckStatus": true,
    "HTTPAction_MPAService": {
      "broadbandCoverage": {
        "SUPPLEMENTARYMSG": "If you decide to place an order for a WBC fibre product, an appointment may be required for an engineer to visit the end user's premises to supply the service.Thank you for your interest.",
        "SUGGESTEDMSG": "Our records show the following FTTP network service information for these premises:-Multi Dwelling Unit Residential .ONT exists with active service. A spare port is available. A new ONT may be ordered.For all ADSL and WBC Fibre to the Cabinet (VDSL or G.fast) services, the stable line rate will be determined during the first 10 days of service usage.No Market information is available.Actual speeds experienced by end users and quoted by CPs will be lower due to a number of factors within and external to BT's network, Communication Providers' networks and within customer premises.In order to be eligible for handback, downstream speed should be less than Downstream Handback Threshold values.",
        "WBCFTTPFLAG": "N",
        "POSTCODE": "",
        "MARKETEXCHANGE": "",
        "NTELOCATIONRECORDED": "",
        "NTETYPERECORDED": "",
        "GFASTCABINETUNAVAILABILITYREASON": "",
        "CABINETUNAVAILABILITYREASON": "",
        "FCPID": "",
        "PCPID": "100",
        "EXCHANGENAME": "Havel",
        "EXCHANGECODE": "NICK",
        "LISTOFOPENORDER": "",
        "PRODUCTWITHDRAWAL": {
          "IPSLASTMODIFY": "",
          "IPSLASTPROVIDE": "",
          "DSLASTMODIFY": "",
          "DSLASTPROVIDE": ""
        },
        "GFASTMULTICAST": {
          "EXCHSTATE": "N",
          "READYDATE": ""
        },
        "FIBREMULTICAST": {
          "EXCHSTATE": "E",
          "READYDATE": ""
        },
        "COPPERMULTICAST": {
          "EXCHSTATE": "E",
          "READYDATE": ""
        },
        "OBSERVEDSPEED": {
          "ADSLBANDWIDTH": {
            "LASTOBSERVEDDATE": "",
            "UPSTREAMOBSERVEDMALR": "",
            "DOWNSTREAMOBSERVEDMALR": "",
            "UPSTREAMOBSERVEDSYNCSPEED": "",
            "DOWNSTREAMOBSERVEDSYNCSPEED": ""
          },
          "VDSLBANDWIDTH": {
            "LASTOBSERVEDDATE": "",
            "DLMPOLICY": "",
            "UPSTREAMDLMPROFILECAP": "",
            "DOWNSTREAMDLMPROFILECAP": "",
            "UPSTREAMPRODUCTCAP": "",
            "DOWNSTREAMPRODUCTCAP": "",
            "LOWERUPSTREAMOBSERVEDSPEED": "",
            "UPPERUPSTREAMOBSERVEDSPEED": "",
            "LOWERDOWNSTREAMOBSERVEDSPEED": "",
            "UPPERDOWNSTREAMOBSERVEDSPEED": "",
            "RANGEBBASEUPSTREAMBANDWIDTH": "118.8",
            "RANGEABASEUPSTREAMBANDWIDTH": "178.2"
          },
          "G.FASTBANDWIDTH": {
            "LASTOBSERVEDDATE": "",
            "DLMPOLICY": "",
            "UPSTREAMPRODUCTCAP": "",
            "DOWNSTREAMPRODUCTCAP": "",
            "LOWERUPSTREAMOBSERVEDSPEED": "",
            "UPPERUPSTREAMOBSERVEDSPEED": "",
            "LOWERDOWNSTREAMOBSERVEDSPEED": "",
            "UPPERDOWNSTREAMOBSERVEDSPEED": "",
            "RANGEBBASEUPSTREAMBANDWIDTH": "207.9",
            "RANGEABASEUPSTREAMBANDWIDTH": "267.3"
          }
        },
        "FTTPONDEMAND": {
          "CAPACITY": "",
          "EXCHSTATE": "N",
          "READYDATE": "",
          "UPSPEED": "",
          "DOWNSPEED": "",
          "REASONCODE": "",
          "RAG": ""
        },
        "WBCFTTP": {
          "offers": [
            {
              "productMinimumGuaranteedSpeed": "0.2",
              "productAdvertisedUploadSpeed": "0.4",
              "productAdvertisedDownloadSpeed": "0.4",
              "productHighUploadSpeed": "0.4",
              "productLowDownloadSpeed": "",
              "productHighDownloadSpeed": "0.5",
              "productLowUploadSpeed": "",
              "id": "FTTP 0.5_0.5M"
            },
            {
              "productMinimumGuaranteedSpeed": "19",
              "productAdvertisedUploadSpeed": "9.5",
              "productAdvertisedDownloadSpeed": "38",
              "productHighUploadSpeed": "9.2",
              "productLowDownloadSpeed": "",
              "productHighDownloadSpeed": "36.8",
              "productLowUploadSpeed": "",
              "id": "FTTP 40_10M"
            },

Now i want to display this data in Table format in LWC component.
pls let me know if any one have idea on this requirment .

Thanks 
VRK