JSFiddle - React, Tailwind, and code Playground

by ttamminen

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.js"></script>

JavaScript

var data = [
  {
    "name": "Test co",
    "childCompanies": [],
    "parentCompanies": [],
    "id": "cbc743f9-988a-469e-b2eb-1cc5608b929f",
    "ownershipPercentage": 0
  },
  {
    "name": "Destia Oyj test",
    "childCompanies": [
      {
        "name": "Laki&Kirja Oy",
        "childCompanies": [
          {
            "name": "Haz a name",
            "childCompanies": [],
            "parentCompanies": [],
            "id": "a360dbef-570d-4728-9178-53b85a3ffc7c",
            "ownershipPercentage": 15
          },
          {
            "name": "Destia Oyj test",
            "childCompanies": [],
            "parentCompanies": [],
            "id": "c848dd4e-ed1a-4539-b4ba-b97f9c74ad0a",
            "ownershipPercentage": 67
          }
        ],
        "parentCompanies": [],
        "id": "dafa7a34-72b3-4585-9bd4-68646ffbb513",
        "ownershipPercentage": 99
      },
      {
        "name": "makutest",
        "childCompanies": [],
        "parentCompanies": [],
        "id": "8dc3ac02-7afa-4502-a61a-e9521094fdf3",
        "ownershipPercentage": 40
      },
      {
        "name": "Haz a name",
        "childCompanies": [
          {
            "name": "Laki&Kirja Oy",
            "childCompanies": [],
            "parentCompanies": [],
            "id": "dafa7a34-72b3-4585-9bd4-68646ffbb513",
            "ownershipPercentage": 15
          }
        ],
        "parentCompanies": [],
        "id": "a360dbef-570d-4728-9178-53b85a3ffc7c",
        "ownershipPercentage": 24
      },
      {
        "name": "decimalic",
        "childCompanies": [
          {
            "name": "45645656",
            "childCompanies": [],
            "parentCompanies": [],
            "id": "86bef77b-aebd-46fc-a6fc-751493c70a51",
            "ownershipPercentage": 5.5
          }
        ],
        "parentCompanies": [],
        "id": "d45a02ec-b45a-4c69-88f8-b7b9aaaa20b1",
        "ownershipPercentage": 12.5
      }
    ],
    "parentCompanies": [
      {
       ...