JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.4/css/jquery.dataTables.css">
<link rel="stylesheet" href="//datatables.net/download/build/dataTables.responsive.nightly.css?_=d930dd692d42052710c1d740076e65f3">
<script src="//datatables.net/download/build/dataTables.responsive.nightly.min.js?_=eea8891967cc32c9f3d6795a9daa8b11"></script>
<table id="datatables" class="table dt-responsive">
	<thead>
		<tr>
			<th>Column 1</th>
			<th>Column 2</th>
			<th>Column 3</th>
			<th>Column 4</th>
			<th>Column 5</th>
			<th>Column 6</th>
			<th>Column 7</th>
			<th>Column 8</th>
			<th>Column 9</th>
			<th>Column...

JavaScript

datatables = $('#datatables').DataTable({
    responsive: true
	});