floating thead of user-selection-table

app/index.html

@@ -39,6 +39,7 @@
       <script src="/vendor/ember/ember.js"></script>
       <script src="/vendor/ember-data/ember-data.js"></script>
       <script src="/vendor/ember-data-extensions/dist/embedded-adapter.js"></script>
+      <script src="/vendor/floatThead/dist/jquery.floatThead.js"></script>
     <!-- @endif -->
     <!-- @if dist=true -->
       <script src="/vendor/jquery/dist/jquery.min.js"></script>
@@ -47,6 +48,7 @@
       <script src="/vendor/ember-data/ember-data.prod.js"></script>
       <!-- embedded adapter should use prod version but only works if ember is only prod version -->
       <script src="/vendor/ember-data-extensions/dist/embedded-adapter.js"></script>
+      <script src="/vendor/floatThead/dist/jquery.floatThead.min.js"></script>
     <!-- @endif -->
     
     <script src="/vendor/loader.js/loader.js"></script>

app/views/poll.js

@@ -0,0 +1,8 @@
+export default Ember.View.extend({
+  didInsertElement : function(){
+    this._super();
+    Ember.run.scheduleOnce('afterRender', this, function(){
+    	$('.user-selections-table').floatThead({});
+    });
+  }
+});

bower.json

@@ -18,7 +18,8 @@
     "bootstrap": "~3.2.0",
     "bootstrap-datepicker": "~1.3.0",
     "ember-forms": "*",
-    "ember-data-extensions": "~1.0.0"
+    "ember-data-extensions": "~1.0.0",
+    "floatThead": "~1.2.8"
   },
   "resolutions": {
     "ember": "~1.7.0",

public/assets/app.css

@@ -183,4 +183,14 @@ body {
         transform: scale(.3);
         background-color: #FFFFFF;
     }
+}
+
+/*
+ * using floatThead with Bootstrap 3 fix
+ * https://mkoryak.github.io/floatThead/examples/bootstrap3/
+ */
+table.floatThead-table {
+    border-top: none;
+    border-bottom: none;
+    background-color: #FFF;
 }