Merge pull request #223 from vsimakhin/fix/horizontal-scrolling-logbook

Add horizontal scrolling for the logbook page to properly support mob…
vsimakhin · May 20, 2024 · c865f84 · c865f84
2 parents 8d806df + aca0b82
commit c865f84
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 ## [Unreleased]
 
+- Fix: Add horizontal scrolling for the logbook page to properly support mobile devices
 - Fix: Add dynamic resizing for the charts on Stats pages
 - Fix: Instructor's hours for the Total Stats table were mixed up for the last 90 days and the last 12 months
 

diff --git a/README.md b/README.md
@@ -17,6 +17,7 @@ You also can easily export all flight records into EASA style pdf format, print
 
 ## [Unreleased]
 
+- Fix: Add horizontal scrolling for the logbook page to properly support mobile devices
 - Fix: Add dynamic resizing for the charts on Stats pages
 - Fix: Instructor's hours for the Total Stats table were mixed up for the last 90 days and the last 12 months
 

diff --git a/app/static/js/wlb-logbook.js b/app/static/js/wlb-logbook.js
@@ -18,6 +18,7 @@ const logbookUtils = function () {
             },
             bAutoWidth: false,
             ordering: false,
+            scrollX: true,
             ajax: {
                 url: url,
                 dataSrc: function (json) {
@@ -169,6 +170,9 @@ const logbookUtils = function () {
                 table.columns([1, 2, 3, 4, 5, 11]).visible(true);
                 table.columns([6, 7, 8, 9, 10, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23]).visible(false);
             }
+
+            // redraw the table to apply the changes and adjust the footer
+            table.draw("page");
         }
 
         $(window).resize(adjustColumnVisibility);