JSFiddle - React, Tailwind, and code Playground

by Alex

HTML

<div id="out">

</div>

JavaScript

const twentyfive = {
  "total_rows": 4252,
  "offset": 0,
  "rows": [
    {
      "id": "basic-a051c290-d035-4110-a359-0aa73e3f1d00",
      "key": "2025-01-22",
      "value": {
        "tracking": "706-DVY-575",
        "emission": 0.427,
        "price": 7.69,
        "name": "Kunden-Magazin",
        "customer": {
          "name": "Presto Humus GmbH",
          "hash": "1UGYAHS"
        }
      }
    },
    {
      "id": "basic-991a668c-6e5a-48e6-9d58-baf141eaa5cf",
      "key": "2025-01-22",
      "value": {
        "tracking": "357-DVY-826",
        "emission": 3.835,
        "price": 115.05,
        "name": "TeCHno",
        "customer": {
          "name": "Christoph Merian Verlag",
          "hash": "3C3SLNZ"
        }
      }
    },
    {
      "id": "basic-96191733-1e88-404f-971a-33a8ea62d8e4",
      "key": "2025-01-22",
      "value": {
        "tracking": "361-DVY-475",
        "emission": 3.835,
        "price": 115.05,
        "name": "TeCHno",
        "customer": {
          "name": "Christoph Merian Verlag",
          "hash": "3C3SLNZ"
        }
      }
    },
    {
      "id": "basic-963f215d-1ff5-4ed0-ba9d-2130626a0a1e",
      "key": "2025-01-17",
      "value": {
        "tracking": "520-DVR-665",
        "emission": 0.103,
        "price": 3.09,
        "name": "Esperoct Patient Experience Survey leave behind",
        "customer": {
          "name": "Pre Press Print Production Service & Verlag, Norbert Wege e.K.",
          "hash": "0TLRQ57"
        }
      }
    },
    {
      "id": "basic-4cef6cb1-4ead-4e69-aa13-7bb85a956201",
      "key": "2025-01-17",
      "value": {
        "tracking": "549-DVR-361",
        "emission": 0.119,
        "price": 2.74,
        "name": "Projektflyer ZO.RRO II",
        "customer": {
          "name": "ZO.RRO Kommunikationsbüro / Thüringer Erneuerbare Energien Netzwerk ThEEN e.V.",
          "hash": "17RHB7N"
        }
      }
    },
    {
      "id": "basic-8a62efb2-ed1e-4154-b1ed-6bc818350525",
     ...