JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css">
<link rel="stylesheet" href="https://cdn.datatables.net/v/bs/jszip-3.1.3/pdfmake-0.1.27/dt-1.10.15/b-1.3.1/b-html5-1.3.1/b-print-1.3.1/fc-3.2.2/fh-3.1.2/datatables.min.css">
<script src="https://cdn.datatables.net/v/bs/jszip-3.1.3/pdfmake-0.1.27/dt-1.10.15/b-1.3.1/b-html5-1.3.1/b-print-1.3.1/fc-3.2.2/fh-3.1.2/datatables.min.js"></script>
<span class="mainReportContainer"><div id="id1" class="reportContainer" style="padding-right: 15px; padding-left: 15px;"><div id="id2"></div><table class="table table-hover table-bordered table-condensed table-striped form-inline" id="ajaxDpWellDressedReport415144704"><thead><tr><th class=""><a onclick="$.ajax({"dataType":"script","url":"/reps","data":["_s=jEYavzjKJduoFWNt","_k=rPXgwnrODaLwFb2i","4"].join("&")})" href="javascript:void(0)">S</a><label><input onclick="$.ajax({"url":"/reps","data":["_s=jEYavzjKJduoFWNt","_k=rPXgwnrODaLwFb2i","5",$(this).next("input:hidden").addBack().serialize()].join("&"),"dataType":"script"})" name="6" type="checkbox" class="checkbox"><input name="7" type="hidden" class="hidden"></label></th><th class=" required"><div class="closeColumn"><a style="float:right;" onclick="$.ajax({"dataType":"script","url":"/reps","data":["_s=jEYavzjKJduoFWNt","_k=rPXgwnrODaLwFb2i","8"].join("&")})" href="javascript:void(0)"><span class="glyphicon glyphicon-remove"></span></a></div><a...
JavaScript
$(document).ready(function() {
$('#ajaxDpWellDressedReport415144704').DataTable({
scrollY: 300,
scrollX: "100%",
scrollCollapse: true,
paging: false,
});
});