JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<link href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script
src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script
src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
crossorigin="anonymous"></script>
</head>
<body>
<button onclick="createDetialsModal('aging-tickets', aging_data)">Click Me</button>
<div id="details-dialog_container" title="Ticket Details"></div>
<script>
var aging_data = [
{
"ID": "1",
"IncidentNumber": "INCBR0001771692",
"ServiceType": "User Service Restoration",
"IncidentType": "Incident",
"AssignedGroup": "Server Administration - Windows",
"Assignee": "Alexander J MacPhail",
"Priority": "Medium",
"Status": "Pending",
"SubmitDate": "2/9/2018 8:24:42 AM",
"DurationInDays": "481",
"DurationGroup": "90+ days",
"VendorGroup": "",
"VendorName": "",
"VendorTicketNumber": "",
"DtSubmitDate": "2/9/18 8:24",
"Item Type": "Item"
},
{
"ID": "2",
"IncidentNumber": "INCBR0000195703",
"ServiceType": "User Service Request",
"IncidentType": "Request",
"AssignedGroup": "Service Desk",
"Assignee": "",
"Priority": "Low",
"Status": "Assigned",
"SubmitDate": "3/22/2017 4:18:10 PM",
"DurationInDays": "805",
"DurationGroup": "90+ days",
"VendorGroup": "",
"VendorName": "",
"VendorTicketNumber": "",
"DtSubmitDate": "3/22/17 16:18",
"Item Type": "Item"
},
{
"ID": "3",
"IncidentNumber": "INCBR0001053460",
"ServiceType": "User Service Restoration",
"IncidentType": "Incident",
"AssignedGroup": "Active Directory Management",
"Assignee": "Ronda L Harper",
"Priority": "Medium",
"Status":...