stat.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link href="jquery.dataTables.css" rel="stylesheet" type="text/css" media="screen" />
		<link href="stat.css" rel="stylesheet" type="text/css" media="screen" />
		<title>stat datatable</title>
		
	</head>
	<body>
		<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
		 crossorigin="anonymous"></script>
		<script src="jquery.dataTables.js"></script>
		<script src="stat.js"></script>
		
		<div id="example" class="display" style="width:100%"></div>
		<!-- <table id="example" class="display" style="width:100%"> -->
<!--        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Extn.</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Extn.</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </tfoot>-->
		<!-- </table> -->
	</body>
</html>