From a224594125a88b75dcebc125e5e4b2394acedebb Mon Sep 17 00:00:00 2001
From: zsloan
Date: Tue, 15 Sep 2020 12:42:30 -0500
Subject: Added scroller to trait page and changed sample tables to use it

* wqflask/wqflask/templates/show_trait.html - Imported scroller (from
the Google cdn temporarily for testing) and activated it for the sample
tables, as well as disabled options that conflicted with it (like
paging: false)
---
 wqflask/wqflask/templates/show_trait.html | 35 +++++++++++++++----------------
 1 file changed, 17 insertions(+), 18 deletions(-)

(limited to 'wqflask')

diff --git a/wqflask/wqflask/templates/show_trait.html b/wqflask/wqflask/templates/show_trait.html
index 56df2049..fc65c5b1 100644
--- a/wqflask/wqflask/templates/show_trait.html
+++ b/wqflask/wqflask/templates/show_trait.html
@@ -150,6 +150,7 @@
     <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='DataTables/js/jquery.dataTables.js') }}"></script>
     <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='DataTablesExtensions/plugins/sorting/scientific.js') }}"></script>
     <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='DataTablesExtensions/plugins/sorting/natural.js') }}"></script>
+    <script type="text/javascript" src="https://cdn.datatables.net/scroller/2.0.2/js/dataTables.scroller.min.js"></script>
     <script language="javascript" type="text/javascript" src="/static/new/packages/noUiSlider/nouislider.js"></script>
     <script language="javascript" type="text/javascript" src="/static/new/javascript/get_covariates_from_collection.js"></script>
 
@@ -352,16 +353,15 @@
                   'order': [[1, "asc"]],
                   'sDom': "Ztr",
                   'autoWidth': true,
-                  'deferRender': true,
-                  'paging': false,
                   'orderClasses': true,
-                  'scrollY': "600px",
-                  'scrollCollapse': false,
-                  'processing': true,
-                  'language': {
-                    'loadingRecords': '&nbsp;',
-                    'processing': 'Loading...'
-                  }
+                  "scrollY": "50vh",
+                  'scroller':  true,
+                  'scrollCollapse': true
+                  // 'processing': true,
+                  // 'language': {
+                  //   'loadingRecords': '&nbsp;',
+                  //   'processing': 'Loading...'
+                  // }
                 } );
 
                 primary_table.on( 'order.dt search.dt draw.dt', function () {
@@ -502,16 +502,15 @@
                   'order': [[1, "asc"]],
                   'sDom': "Ztr",
                   'autoWidth': true,
-                  'deferRender': true,
-                  'paging': false,
                   'orderClasses': true,
-                  'scrollY': "600px",
-                  'scrollCollapse': false,
-                  'processing': true,
-                  'language': {
-                    'loadingRecords': '&nbsp;',
-                    'processing': 'Loading...'
-                  }
+                  "scrollY": "50vh",
+                  'scroller':  true,
+                  'scrollCollapse': true
+                  // 'processing': true,
+                  // 'language': {
+                  //   'loadingRecords': '&nbsp;',
+                  //   'processing': 'Loading...'
+                  // }
                 } );
 
                 $('#other_searchbox').on( 'keyup', function () {
-- 
cgit v1.2.3