Orderable tables

application/views/footer.php

@@ -11,5 +11,20 @@
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
     <!-- Include all compiled plugins (below), or include individual files as needed -->
     <script src="<?php echo base_url('bootstrap/js/bootstrap.min.js'); ?>"></script>
+	
+	<?php if ($page == 'uitslag') { ?>
+		<link href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css" rel="stylesheet">
+		<script type="text/javascript" src="//cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script>
+		<script type="text/javascript" charset="utf-8">
+			$(document).ready(function() {
+				$('#maintable').dataTable( {
+					"paging":   false,
+					"order": [[ 0, "asc" ]],
+					"info":     false
+				} );
+			} );
+		</script>
+	<?php } ?>
+	
 	</body>
 </html>

application/views/uitslag_ranking.php

@@ -2,7 +2,7 @@
 	<hr>
 	<div class="row">
 		<div class="col-md-12">
-			<table class="table table-hover">
+			<table class="table table-hover" id="maintable">
 				<thead>
 					<tr>
 						<th>#</th>