JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/v/bs4/jq-3.2.1/jszip-2.5.0/dt-1.10.16/af-2.2.2/b-1.5.1/b-colvis-1.5.1/b-flash-1.5.1/b-html5-1.5.1/b-print-1.5.1/cr-1.4.1/fc-3.2.4/fh-3.1.3/kt-2.3.2/r-2.2.1/rg-1.0.2/rr-1.2.3/sc-1.4.4/sl-1.2.5/datatables.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js"></script>
<div class="card mb-3">
					<div class="card-header">
						<i class="fas fa-cloud-upload-alt"></i> Caption
					</div>
					<div class="card-body">
					</div>
					<div class="card-footer small">
						<div class="text-center" id="assetBuyOrdersLoadingDiv"><i class="fas fa-cog fa-spin fa-1x fa-fw"></i><span class="sr-only">Loading...</span></div>
						<div class="table-responsive" id="assetBuyOrdersTableDiv">
							<h5 class="text-info"><i class="far fa-plus-square"></i> Header</h5>
							<table class="table table-sm table-dark" id="assetBuyOrdersTable">
							<thead>
								<tr>
									<th scope="col">ID</th>
									<th scope="col">X</th>
									<th scope="col">Y</th>
									<th scope="col">Z</th>
								</tr>
							</thead>
							<tbody></tbody>
							</table>
						</div>
					</div>
				</div>

JavaScript

var...