JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

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

JavaScript

const data = [
  {
    "requester_date": "2018-12-21",
    "signed_status": "Nej",
    "sample_date": "2018-12-21",
    "requester_prof": "SE2321000040-3W83",
    "order_kind": "SB",
    "tests": [
      {
        "code": "STD006841",
        "name": "Blododling",
        "service_category_name": "Klinisk mikrobiologi",
        "value": "Prelsvar",
        "range": "",
        "range_qualifier": "",
        "unit": "",
        "has_answer": "Ja",
        "sample_collection_date_time": "2018-12-21T00:00:00",
        "sample_end_date_time": "2018-12-21T12:45:00",
        "sample_examination_done_date_time": ""
      },
      {
        "code": "2",
        "name": "",
        "service_category_name": "Klinisk mikrobiologi",
        "value": "Prelsvar",
        "range": "",
        "range_qualifier": "P",
        "unit": "",
        "has_answer": "Ja",
        "sample_collection_date_time": "2018-12-21T00:00:00",
        "sample_end_date_time": "2018-12-21T12:39:11",
        "sample_examination_done_date_time": ""
      }
    ],
    "order_id": "2018-12-21-000001",
    "answer_exists": "Ja",
    "answer": {
      "id": "2018-12-21A000001",
      "answer_date_time": "2018-12-21T12:40:14"
    },
    "patient": {
      "id": "191212121212",
      "name": "TOLVANSSON, TOLVA"
    },
    "service_category": "Klinisk mikrobiologi",
    "origin_party_org_name": "Avd 1:Med:NSÖ"
  },
  {
    "requester_date": "2018-12-21",
    "signed_status": "Nej",
    "sample_date": "2018-12-21",
    "requester_prof": "SE2321000040-3W83",
    "order_kind": "SB",
    "tests": [
      {
        "code": "STD006841",
        "name": "Blododling",
        "service_category_name": "Klinisk mikrobiologi",
        "value": "Prelsvar",
        "range": "",
        "range_qualifier": "",
        "unit": "",
        "has_answer": "Ja",
        "sample_collection_date_time": "2018-12-21T00:00:00",
        "sample_end_date_time": "2018-12-21T12:45:00",
        "sample_examination_done_date_time": ""
   ...