From ac12f1f15d1ed223354a281ca87b170691b327a8 Mon Sep 17 00:00:00 2001
From: Andy <teabreakninja@github.com>
Date: Wed, 13 Apr 2016 17:07:26 +0100
Subject: [PATCH] Added floating header to dxcc table

---
 application/views/awards/dxcc/index.php | 29 ++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/application/views/awards/dxcc/index.php b/application/views/awards/dxcc/index.php
index 404f4f0b..b9371f54 100644
--- a/application/views/awards/dxcc/index.php
+++ b/application/views/awards/dxcc/index.php
@@ -5,11 +5,13 @@
 	<!-- Sub Nav for Awards -->
 	
     <?php $this->load->view("awards/nav_bar")?>
+    
+    <table id="table-fixed"></table>
 
 	<table width="100%" class="zebra-striped">
 	<thead>
         <tr>
-        <td>Country</td>
+        <td style="width:225px">Country</td>
         <td>160m</td>
         <td>80m</td>
         <td>40m</td>
@@ -43,4 +45,29 @@
     </tbody>
 
 	</table>
+	<style>
+        #table-fixed{
+            position: fixed;
+            top: 40px;
+            display: none;
+            background-color: white;
+        }
+	</style>
+	<script>
+	var tableOffset = $(".zebra-striped").offset().top-40;
+	$('#table-fixed').width($(".zebra-striped").width());
+	var $header = $(".zebra-striped > thead").clone();
+	var $fixedHeader = $("#table-fixed").append($header);
+
+	$(window).bind("scroll", function() {
+	    var offset = $(this).scrollTop();
+
+        if (offset >= tableOffset && $fixedHeader.is(":hidden")) {
+	        $fixedHeader.show();
+	    }
+	    else if (offset < tableOffset) {
+	        $fixedHeader.hide();
+	    }
+	});
+	</script>
 </div>