JSFiddle - React, Tailwind, and code Playground

HTML

<title>exemplo</title>
    		          
    			<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables.css">
    			<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables_themeroller.css">                
    		
    	<body>
    		<div class="container">
    		<table cellpadding="0" cellspacing="0" border="0" class="dataTable" id="example">
    			<thead>
    				<tr>
    				<th>Rendering engine</th>
    				<th>Browser</th>
    				<th>Platform(s)</th>
    				<th>Engine version</th>
    				<th>CSS grade</th>
    				</tr>
    			</thead>
    			<tbody>
    				<tr>
    					<td>Presto</td>
    					<td>Opera 9.0</td>
    					<td>Win 95+ / OSX.3+</td><td>-</td>
    					<td>A</td>
    				</tr>
    				<tr>
    					<td>Presto</td>
    					<td>Opera 9.0</td>
    					<td>Win 95+ / OSX.3+</td><td>-</td>
    					<td>A</td>
    				</tr>
    			</tbody>
    		</table>
    		</div>
        <script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js">
        </script>
        <script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/jquery.dataTables.min.js"></script>
    	</body>
    </html>

JavaScript

$(document).ready(function() {
    $('#example').dataTable(
    {
    	'sDom':'<"top text-left"f>rt<"bottom"pi>'
    });
});