JSFiddle - React, Tailwind, and code Playground

by batcave

JavaScript

const data = [{
    "id": 1,
    "name": "W2000",
    "manufactureID": 71107,
    "manufacturerName": "Shanghai Electric Wind (SEC)",
    "nrOfInstalls": 3570,
    "driveType": "Geared",
    "power": 2000.0,
    "suspensionType": "SRB",
    "rotorDiameter": 111.0,
    "remark": "The technology was provided by Aerodyn.\r\nRotor diameter available 111m,105m, 99m, 93m, 87m",
    "complete": 1
  },
  {
    "id": 183,
    "name": "W1250",
    "manufactureID": 71107,
    "manufacturerName": "Shanghai Electric Wind (SEC)",
    "nrOfInstalls": 765,
    "driveType": "Geared",
    "power": 1250.0,
    "suspensionType": "SRB",
    "rotorDiameter": 70.0,
    "remark": "The technology was provided by EU Energy Wind.",
    "complete": 0
  },
  {
    "id": 384,
    "name": "W3600",
    "manufactureID": 71107,
    "manufacturerName": "Shanghai Electric Wind (SEC)",
    "nrOfInstalls": 55,
    "driveType": "Geared",
    "power": 3600.0,
    "suspensionType": "Moment bearing",
    "rotorDiameter": 122.0,
    "remark": "Rotor: 116m, 122m",
    "complete": 0
  },
  {
    "id": 80371,
    "name": "W2000/116",
    "manufactureID": 71107,
    "manufacturerName": "Shanghai Electric Wind (SEC)",
    "nrOfInstalls": 25,
    "driveType": "Geared",
    "power": 2000.0,
    "suspensionType": "SRB",
    "rotorDiameter": 105.0,
    "remark": "Rotor diameter available 116m",
    "complete": 0
  },
  {
    "id": 80372,
    "name": "W2500",
    "manufactureID": 71107,
    "manufacturerName": "Shanghai Electric Wind (SEC)",
    "driveType": "Direct Drive",
    "power": 2500.0,
    "suspensionType": "Moment bearing",
    "remark": "",
    "complete": 0
  },
  {
    "id": 80373,
    "name": "W4000",
    "manufactureID": 71107,
    "manufacturerName": "Shanghai Electric Wind (SEC)",
    "nrOfInstalls": 25,
    "driveType": "Geared",
    "power": 4000.0,
    "suspensionType": "SRB + SRB",
    "rotorDiameter": 146.0,
    "remark": "",
    "complete": 0
  },
  {
    "id": 80374,
    "name": "W6000",
   ...