JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdn.datatables.net/r/dt/dt-1.10.9,b-1.0.3,cr-1.2.0,fc-3.1.0,sc-1.3.0,se-1.0.1/datatables.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/r/dt/dt-1.10.9,b-1.0.3,cr-1.2.0,fc-3.1.0,sc-1.3.0,se-1.0.1/datatables.css">
<table id="myTable" class="table table-striped table-bordered" border="1">
						<thead>
							<tr>
								
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
								<th>column heading</th>
							</tr>
						</thead>
							<tbody>
									<tr...

JavaScript

$('#myTable').dataTable({ordering : true,order : []})