JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery-2.1.3.js"></script>
		<script src="//datatables.net/download/build/nightly/jquery.dataTables.js"></script>
		<div class="container">
			<table id="example" class="display" width="100%">
				<thead>
					<tr>
						<th>Name</th>
						<th>Position</th>
						<th>Office</th>
						<th>Age</th>
						<th>Start date</th>
						<th>Salary</th>
					</tr>
				</thead>

				<tbody>
					<tr>
						<td>Tiger Nixon</td>
						<td>System Architect</td>
						<td>Edinburgh</td>
						<td>61</td>
            <td>04/25/2011</td>
						<td>$3,120</td>
					</tr>
					<tr>
						<td>Garrett Winters</td>
						<td>Director</td>
						<td>Edinburgh</td>
						<td>63</td>
                      <td></td>
						<td>$5,300</td>
					</tr>
					<tr>
						<td>Ashton Cox</td>
						<td>Technical Author</td>
						<td>San Francisco</td>
						<td>66</td>
                      <td></td>
						<td>$4,800</td>
					</tr>
					<tr>
						<td>Cedric Kelly</td>
						<td>Javascript Developer</td>
						<td>Edinburgh</td>
						<td>22</td>
						<td>03/29/2014</td>
						<td>$3,600</td>
					</tr>
					<tr>
						<td>Jenna Elliott</td>
						<td>Financial Controller</td>
						<td>Edinburgh</td>
						<td>33</td>
                      <td>11/28/2008</td>
						<td>$5,300</td>
					</tr>
					<tr>
						<td>Brielle Williamson</td>
						<td>Integration Specialist</td>
						<td>New York</td>
						<td>61</td>
                      <td>12/02/2012</td>
						<td>$4,525</td>
					</tr>
					<tr>
						<td>Herrod Chandler</td>
						<td>Sales Assistant</td>
						<td>San Francisco</td>
						<td>59</td>
                      <td>08/06/2012</td>
						<td>$4,080</td>
					</tr>
					<tr>
						<td>Rhona Davidson</td>
						<td>Integration Specialist</td>
						<td>Edinburgh</td>
						<td>55</td>
                      <td>10/14/2010</td>
						<td>$6,730</td>
					</tr>
					<tr>
						<td>Colleen Hurst</td>
						<td>Javascript Developer</td>
						<td>San...

CSS

body {
	font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}


div.container {
	min-width: 980px;
	margin: 0 auto;
}

JavaScript

$(document).ready( function () {
	 $('#example').dataTable( {
   	"sScrollY": "460px",
		"sScrollX": "1050px",
    "bPaginate": false,
    "bFilter": false,
    "bInfo": false,
		"aoColumns": [ 
			{"sName": "Name", "sTitle": "Name", "bSortable": "true"},
			{"sName": "Position", "sTitle": "Position", "bSortable": "true"},
      {"sName": "Office", "sTitle": "Office", "bSortable": "true"},
			{"sName": "Age", "sTitle": "Age", "bSortable": "true"},
			{"sName": "StartDate", "sTitle": "Start Date", "sType": "date", "bSortable": "true"},
      {"sName": "Salary", "sTitle": "Salary", "bSortable": "true"},
		],
		"aaSorting": [[4,'asc']],
    "oLanguage": {"sZeroRecords": "", "sEmptyTable": ""}
    });
} );