JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.datatables.net/1.9.4/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/tabletools/2.2.0/js/dataTables.tableTools.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/tabletools/2.2.0/css/dataTables.tableTools.css">
      <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.3/css/jquery.dataTables.css">


<br><br><br><br><br><br>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="display" id="example">
<thead>
	<tr>
	<th bgcolor="#F0FFFF" width="80px">Type</th>
	<th bgcolor="#F0FFFF" width="300px">Group</th>
	<th bgcolor="#F0FFFF" width="130px">Time spent</th>
	<th bgcolor="#F0FFFF" width="180px">Ressource</th>
	</tr>
</thead>
<tbody>
	<tr>
		<td>xxx</td>
		<td>zzzz</td>
		<td>rrrr</td>
		<td>VVVVV</td>
	</tr>
    	<tr>
		<td>aaaa</td>
		<td>ffffff</td>
		<td>ggggg</td>
		<td>nnnnnnnnnnnn</td>
	</tr>
</tbody>
<tfoot>
	<tr>
		<th colspan="4"> -------------- </th>
	</tr>
</tfoot>
</table>

JavaScript

$('#example').dataTable( {
        "sDom": 'T<"clear">lfrtip',
       
    } );