From 8d68bb7a57dbb20b3a81f39c69640b04ed6b4d87 Mon Sep 17 00:00:00 2001
From: snipe <snipe@snipe.net>
Date: Tue, 24 Oct 2017 05:22:26 -0700
Subject: [PATCH] Sticky headers for bootstrap tables

---
 public/css/bootstrap-tables-sticky-header.css | Bin 0 -> 411 bytes
 public/css/dist/all.css                       | Bin 247865 -> 248066 bytes
 .../views/partials/bootstrap-table.blade.php  |  27 +++++++++++++++++-
 webpack.mix.js                                |   3 +-
 4 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 public/css/bootstrap-tables-sticky-header.css

diff --git a/public/css/bootstrap-tables-sticky-header.css b/public/css/bootstrap-tables-sticky-header.css
new file mode 100644
index 0000000000000000000000000000000000000000..521a8b04d6e9c1ff09120dd32012f7c33977445d
GIT binary patch
literal 411
zcmZvWO>V;=5QX=gVx;V>+BjQMRk=e>00zt`*ki%ia#Q8*#ZFZzZP@YVdq1+OL<MI(
zbD#tZj-4ABA_aK=`7}d3_k+gRbToWy@ZwTN8Wk+Zrfu3H1?DL$DSPBFn+=r3eJe52
z5OL<Dr<%2iP8RyY*j+y%IBi`5UwZ#QqLM;19@jcQ&@TbyO_Y)M;&O8Kw2QYIN9$Gv
z$F@C*`;(2g3V4`}?yh~Jd9(@+-usPx0dshJsVa{tbKM1uzloH}{yI9(3QG4j(LA(-
defTFDVy2-ComR*c(Zazw_w3Ua=e(!g#W%4zgqZ*U

literal 0
HcmV?d00001

diff --git a/public/css/dist/all.css b/public/css/dist/all.css
index 7f8ab24dfa27837a7c9ea38d6b82c74ea6df2a1c..dbe1278a8a3be44d080727e08082b6a6366ad066 100644
GIT binary patch
delta 154
zcmdlvfxl@Ie?tpn3)2?n)-7CVnH9RlC7H?DmD4Z0W|a1-)kBCVlw_nPrc@^-CTFJ?
z<(KBASShEarD3W7s?)*HrZD|tGNa7&)hC(wr+;|K#4&l+dm+Kp)Ku%F{Gyc9BHg0I
Ul+4oN>5j*kWwy`V!aPS903b3v9smFU

delta 26
icmZpg#J_U_e?tpn3)2?n)-BVSelbaGPut2oM;HK%UJ57x

diff --git a/resources/views/partials/bootstrap-table.blade.php b/resources/views/partials/bootstrap-table.blade.php
index cb2ab5cc48..30020b083a 100644
--- a/resources/views/partials/bootstrap-table.blade.php
+++ b/resources/views/partials/bootstrap-table.blade.php
@@ -11,10 +11,28 @@
 <script src="{{ asset('js/jspdf.plugin.autotable.js') }}"></script>
 <script src="{{ asset('js/extensions/export/jquery.base64.js') }}"></script>
 <script src="{{ asset('js/extensions/toolbar/bootstrap-table-toolbar.js') }}"></script>
+<script src="{{ asset('js/extensions/sticky-header/bootstrap-table-sticky-header.js') }}"></script>
 @endif
 
 <script nonce="{{ csrf_token() }}">
-$('.snipe-table').bootstrapTable({
+
+    var $table = $('.snipe-table');
+    $(function () {
+        buildTable($table, 20, 50);
+    });
+    function buildTable($el) {
+        var stickyHeaderOffsetY = 0;
+
+        if ( $('.navbar-fixed-top').css('height') ) {
+            stickyHeaderOffsetY = +$('.navbar-fixed-top').css('height').replace('px','');
+        }
+        if ( $('.navbar-fixed-top').css('margin-bottom') ) {
+            stickyHeaderOffsetY += +$('.navbar-fixed-top').css('margin-bottom').replace('px','');
+        }
+
+
+
+$('.snipe-table').bootstrapTable('destroy').bootstrapTable({
         classes: 'table table-responsive table-no-bordered',
         undefinedText: '',
         iconsPrefix: 'fa',
@@ -38,6 +56,11 @@ $('.snipe-table').bootstrapTable({
         cookie: true,
         cookieExpire: '2y',
         showExport: true,
+
+    stickyHeader: true,
+    stickyHeaderOffsetY: stickyHeaderOffsetY + 'px',
+
+
         @if (isset($showFooter))
             showFooter: true,
         @endif
@@ -101,6 +124,8 @@ $('.snipe-table').bootstrapTable({
         },
 
     });
+    }
+
 
 
     function dateRowCheckStyle(value) {
diff --git a/webpack.mix.js b/webpack.mix.js
index 5be691fdd9..5d51c488c4 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -23,7 +23,8 @@ mix.styles([
     'resources/assets/css/font-awesome/font-awesome.min.css',
     './bower_components/iCheck/skins/minimal/minimal.css',
     './node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.standalone.css',
-    'public/css/overrides.css',
+    'public/css/bootstrap-tables-sticky-header.css',
+    'public/css/overrides.css'
 ], 'public/css/dist/all.css');
 
 mix.js(