JSFiddle - React, Tailwind, and code Playground

by Steven Senkus

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

JavaScript

const data = [{
  "IsActive": true,
  "Name": "Client Addresses",
  "ListType": 0,
  "FilterExpression": null,
  "CanAddPerSiteItems": false,
  "Tag": null,
  "SiteId": "1dd24459-a668-4c6d-a600-c8c4330d8145",
  "ParentListItemId": null,
  "FK_CustomList": null,
  "ControllingList": true,
  "Id": "3aff8a5a-c63b-4fdc-9f4c-7f4d1fb343ed",
  "CurrentState": 0,
  "CurrentStateDate": "\/Date(1592548371783)\/",
  "CurrentStateUserId": "1c1112ea-3107-4298-aaf7-7b9902648ec5"
}, {
  "IsActive": true,
  "Name": "Maintenance Issue Types",
  "ListType": 0,
  "FilterExpression": null,
  "CanAddPerSiteItems": false,
  "Tag": null,
  "SiteId": "1dd24459-a668-4c6d-a600-c8c4330d8145",
  "ParentListItemId": null,
  "FK_CustomList": "59b01f2d-c7bf-4aa1-a3f4-4fa321a95167",
  "ControllingList": true,
  "Id": "566e80a9-e482-408a-abb1-a5c868374d3f",
  "CurrentState": 0,
  "CurrentStateDate": "\/Date(1592548371063)\/",
  "CurrentStateUserId": "1c1112ea-3107-4298-aaf7-7b9902648ec5"
}, {
  "IsActive": true,
  "Name": "Parking Violation Types",
  "ListType": 0,
  "FilterExpression": null,
  "CanAddPerSiteItems": false,
  "Tag": null,
  "SiteId": "1dd24459-a668-4c6d-a600-c8c4330d8145",
  "ParentListItemId": null,
  "FK_CustomList": "59b01f2d-c7bf-4aa1-a3f4-4fa321a95167",
  "ControllingList": true,
  "Id": "8ece4cf4-d1f5-4a82-b5cc-c4a9c7e9a3eb",
  "CurrentState": 0,
  "CurrentStateDate": "\/Date(1592548380737)\/",
  "CurrentStateUserId": "1c1112ea-3107-4298-aaf7-7b9902648ec5"
}, {
  "IsActive": true,
  "Name": "Priority",
  "ListType": 0,
  "FilterExpression": null,
  "CanAddPerSiteItems": false,
  "Tag": null,
  "SiteId": "1dd24459-a668-4c6d-a600-c8c4330d8145",
  "ParentListItemId": null,
  "FK_CustomList": null,
  "ControllingList": null,
  "Id": "59b01f2d-c7bf-4aa1-a3f4-4fa321a95167",
  "CurrentState": 0,
  "CurrentStateDate": "\/Date(1592548370327)\/",
  "CurrentStateUserId": "1c1112ea-3107-4298-aaf7-7b9902648ec5"
}, {
  "IsActive": true,
  "Name": "Security Issue Types",
  "ListType": 0,
...