JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>+Educação | </title>
<!-- jQuery -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src='js/jquery.min.js'></script>
<script src='js/moment.min.js'></script>
<script src="js/jquery-events.js"></script>
<!-- DataTables -->
<script type="text/javascript" src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js"></script>
<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.9/css/jquery.dataTables.min.css">
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-filestyle.min.js"></script>
<!-- Custom CSS -->
<link href="css/sb-admin.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- MAIN CSS (The custom CSS)-->
<link href="css/avaliacao.css" rel="stylesheet">
<script type="text/javascript" language="javascript">
;(function($){
$('#avaliacao').DataTable();
})(jQuery);
</script>
<!-- Estilo temporário para ser usado enquanto o estilo definitivo ou funções dinâmicas em jQuery não são adicionadas-->
<style type="text/css" media="screen">
.side-nav {
left: 225px !important;
}
.nav > li {
position: relative;
display: block;
border-bottom-color: #003e4e;
border-bottom-width: 1.2px;
border-bottom-style: solid;
...
JavaScript
;(function($){
$('#avaliacao').DataTable();
})(jQuery);