JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.min.js"></script>
<script src="https://crypto-js.googlecode.com/svn/tags/3.1.2/build/rollups/md5.js"></script>

JavaScript

var md5 = function(value) {
  return CryptoJS.MD5(value).toString();
}

var guests = [{
  "NAME": "Glenda Sullivan",
  "EMAIL": "",
  "UNIQUECODE": 1,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Alex Sullivan",
  "EMAIL": "",
  "UNIQUECODE": 1,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Luke Sullivan",
  "EMAIL": "",
  "UNIQUECODE": 2,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Lucy Fraser",
  "EMAIL": "",
  "UNIQUECODE": 2,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "John Sullivan",
  "EMAIL": "",
  "UNIQUECODE": 3,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Helen Sullivan",
  "EMAIL": "",
  "UNIQUECODE": 3,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Elizabeth Burnett",
  "EMAIL": "",
  "UNIQUECODE": 4,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Steve Burnett",
  "EMAIL": "",
  "UNIQUECODE": 4,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "John Sullivan",
  "EMAIL": "",
  "UNIQUECODE": 5,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Sheileen Forster",
  "EMAIL": "",
  "UNIQUECODE": 5,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Alison Scott",
  "EMAIL": "",
  "UNIQUECODE": 6,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Greg Scott",
  "EMAIL": "",
  "UNIQUECODE": 6,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Sandy Williams",
  "EMAIL": "",
  "UNIQUECODE": 7,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "David Williams",
  "EMAIL": "",
  "UNIQUECODE": 7,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Kerri-Anne Bosworth",
  "EMAIL": "",
  "UNIQUECODE": 8,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Chris Bosworth",
  "EMAIL": "",
  "UNIQUECODE": 8,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Simon Joslin",
  "EMAIL": "",
  "UNIQUECODE": 9,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Lauren Bentley",
  "EMAIL": "",
  "UNIQUECODE": 9,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME": "Sophie Loades",
  "EMAIL": "",
  "UNIQUECODE": 10,
  "ATTENDING": "",
  "NOTES": ""
}, {
  "NAME":...