JSFiddle - React, Tailwind, and code Playground

by darkajax

HTML

<script src="http://datatables.net/release-datatables/media/js/jquery.dataTables.min.js"></script>
<table id="table1">
<thead>
<tr>
<th>Header</th><th>Header</th><th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Content</td><td>1</td><td>a</td>
</tr>
<tr>
<td>Content</td><td>2</td><td>b</td>
</tr>
<tr>
<td>Content</td><td>3</td><td>c</td>
</tr>
<tr>
<td>Content</td><td>4</td><td>d</td>
</tr>
<tr>
<td>Content</td><td>5</td><td>e</td>
</tr>
<tr>
<td>Content</td><td>6</td><td>f</td>
</tr>
</tbody>
</table>

CSS

.DataTables_sort_icon.ui-icon { display: inline-block; }

JavaScript

jQuery('#table1').dataTable({"bJQueryUI": true,
	"bProcessing": true,
	"sScrollY": "580px",
	"bPaginate": false
});