diff --git a/installer/data/mysql/atomicupdate/bug_39698_add_syspref_for_responsive_opac_tables.pl b/installer/data/mysql/atomicupdate/bug_39698_add_syspref_for_responsive_opac_tables.pl
new file mode 100755
index 0000000000..2b83da7fde
--- /dev/null
+++ b/installer/data/mysql/atomicupdate/bug_39698_add_syspref_for_responsive_opac_tables.pl
@@ -0,0 +1,19 @@
+use Modern::Perl;
+
+return {
+    bug_number  => "39698",
+    description => "Add system preferences for responsive OPAC tables",
+    up          => sub {
+        my ($args) = @_;
+        my ( $dbh, $out ) = @$args{qw(dbh out)};
+
+        $dbh->do(
+            q{
+                INSERT IGNORE INTO systempreferences (variable,value,options,explanation,type)
+                VALUES ('OPACTableColExpandedByDefault', '0', NULL, 'Determines whether or not table rows are expanded by default on mobile', 'YesNo');
+            }
+        );
+        say $out "Added OPACTableColExpandedByDefault syspref";
+
+    }
+};
diff --git a/installer/data/mysql/mandatory/sysprefs.sql b/installer/data/mysql/mandatory/sysprefs.sql
index 585d7a5d8d..3793a88ebc 100644
--- a/installer/data/mysql/mandatory/sysprefs.sql
+++ b/installer/data/mysql/mandatory/sysprefs.sql
@@ -590,6 +590,7 @@ INSERT INTO systempreferences ( `variable`, `value`, `options`, `explanation`, `
 ('OpacSuppression','0',NULL,'Turn ON the OPAC Suppression feature, requires further setup, ask your system administrator for details','YesNo'),
 ('OpacSuppressionByIPRange','',NULL,'Restrict the suppression to IP adresses outside of the IP range','Free'),
 ('OpacSuppressionRedirect','1',NULL,'Redirect the opac detail page for suppressed records to an explanatory page (otherwise redirect to 404 error page)','YesNo'),
+('OPACTableColExpandedByDefault','0',NULL,'Determines whether or not table rows are expanded by default on mobile','YesNo'),
 ('opacthemes','bootstrap',NULL,'Define the current theme for the OPAC interface.','Themes'),
 ('OpacTopissue','0',NULL,'If ON, enables the \'most popular items\' link on OPAC. Warning, this is an EXPERIMENTAL feature, turning ON may overload your server','YesNo'),
 ('OpacTrustedCheckout', '0', NULL, 'Allow logged in OPAC users to check out to themselves', 'YesNo'),
diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/preferences/opac.pref b/koha-tmpl/intranet-tmpl/prog/en/modules/admin/preferences/opac.pref
index 37202dc17c..7e038fad75 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/preferences/opac.pref
+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/admin/preferences/opac.pref
@@ -18,6 +18,12 @@ OPAC:
             - pref: opacthemes
               choices: opac-templates
             - theme on the OPAC.
+        -
+            - pref: OPACTableColExpandedByDefault
+              choices:
+                  1: Expand
+                  0: Don't expand
+            - tables on the OPAC by default, when zoomed in or viewed on a mobile screen.
         -
             - Use the
             - pref: OPACFallback
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/clubs/clubs-tab.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/clubs/clubs-tab.tt
index 0e56b7e112..fae8e23d88 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/clubs/clubs-tab.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/clubs/clubs-tab.tt
@@ -96,6 +96,12 @@
         return false;
     }
 
+    [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+        var responsive_display = DataTable.Responsive.display.childRowImmediate;
+    [% ELSE %]
+        var responsive_display = DataTable.Responsive.display.childRow;
+    [% END %]
+
         var Tables = $("#clubs-table-enrolled,#clubs-table-unenrolled");
         Tables.each(function(){
             $(this).kohaTable({
@@ -103,7 +109,11 @@
                 paging: false,
                 info: false,
                 responsive: {
-                    details: { type: "column", target: -1 },
+                    details: {
+                        display: responsive_display,
+                        type: "column",
+                        target: -1
+                    },
                 },
                 columnDefs: [
                     { className: "dtr-control", orderable: false, targets: -1 },
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authoritiessearchresultlist.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authoritiessearchresultlist.tt
index 650524815b..67a2721175 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authoritiessearchresultlist.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-authoritiessearchresultlist.tt
@@ -121,12 +121,22 @@
     [% INCLUDE 'datatables.inc' %]
     <script type="text/JavaScript">
         $(document).ready(function () {
+            [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+                var responsive_display = DataTable.Responsive.display.childRowImmediate;
+            [% ELSE %]
+                var responsive_display = DataTable.Responsive.display.childRow;
+            [% END %]
+
             $(".table").kohaTable({
                 searching: false,
                 paging: false,
                 info: false,
                 responsive: {
-                    details: { type: "column", target: -1 },
+                    details: {
+                        display: responsive_display,
+                        type: "column",
+                        target: -1
+                    },
                 },
                 columnDefs: [{ className: "dtr-control", orderable: false, targets: -1 }],
             });
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-details.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-details.tt
index 7d6d9c1924..4031cca2d0 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-details.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-details.tt
@@ -141,6 +141,13 @@
     <script>
         $(document).ready(function() {
             table_settings = [% TablesSettings.GetTableSettings( 'opac', 'course_items', 'course-items-table', 'json' ) | $raw %];
+
+            [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+                var responsive_display = DataTable.Responsive.display.childRowImmediate;
+            [% ELSE %]
+                var responsive_display = DataTable.Responsive.display.childRow;
+            [% END %]
+
             $("#course-items-table").kohaTable(
                 {
                     dom: '<"top"<"table_controls"f>>rt<"clear">',
@@ -150,7 +157,11 @@
                         searchPlaceholder: _("Search course reserves"),
                     },
                     responsive: {
-                        details: { type: "column", target: -1 },
+                        details: {
+                            display: responsive_display,
+                            type: "column",
+                            target: -1
+                        },
                     },
                     columnDefs: [
                         { className: "dtr-control", orderable: false, targets: -1 },
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-reserves.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-reserves.tt
index e168098b26..4221e08d25 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-reserves.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-reserves.tt
@@ -86,6 +86,13 @@
     <script>
         $(document).ready(function() {
             table_settings = [% TablesSettings.GetTableSettings( 'opac', 'course_list', 'course_reserves_table', 'json' ) | $raw %]
+
+            [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+                var responsive_display = DataTable.Responsive.display.childRowImmediate;
+            [% ELSE %]
+                var responsive_display = DataTable.Responsive.display.childRow;
+            [% END %]
+
             $("#course_reserves_table").kohaTable(
                 {
                     dom: '<"top"<"table_controls"f>>rt<"clear">',
@@ -96,7 +103,11 @@
                         searchPlaceholder: _("Search courses"),
                     },
                     responsive: {
-                        details: { type: "column", target: -1 },
+                        details: {
+                            display: responsive_display,
+                            type: "column",
+                            target: -1
+                        },
                     },
                     cColumnDefs: [
                         { className: "dtr-control", orderable: false, targets: -1 },
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-curbside-pickups.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-curbside-pickups.tt
index 87b695a870..289d30ac24 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-curbside-pickups.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-curbside-pickups.tt
@@ -331,13 +331,23 @@
             existingPickupMoments[pickup.branchcode].push(pickupMoment);
         });
 
+        [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+            var responsive_display = DataTable.Responsive.display.childRowImmediate;
+        [% ELSE %]
+            var responsive_display = DataTable.Responsive.display.childRow;
+        [% END %]
+
         $(document).ready(function() {
             $("#pickups-table").kohaTable({
                 searching: false,
                 paging: false,
                 info: false,
                 responsive: {
-                    details: { type: "column", target: -1 },
+                    details: {
+                        display: responsive_display,
+                        type: "column",
+                        target: -1
+                    },
                 },
                 columnDefs: [{ className: "dtr-control", orderable: false, targets: -1 }],
             });
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt
index 9d432eaa07..3ca76181bd 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-detail.tt
@@ -1946,12 +1946,22 @@
                 column.cannot_be_toggled = 1;
             [% END %]
 
+            [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+                var responsive_display = DataTable.Responsive.display.childRowImmediate;
+            [% ELSE %]
+                var responsive_display = DataTable.Responsive.display.childRow;
+            [% END %]
+
             $("#holdingst").kohaTable(
                 {
                     dom: '<"clearfix">t',
                     bKohaColumnsUseNames: true,
                     responsive: {
-                        details: { type: "column", target: -1 },
+                        details: {
+                            display: responsive_display,
+                            type: "column",
+                            target: -1
+                        },
                     },
                 },
                 holdingst_table_settings,
@@ -1961,7 +1971,11 @@
                     dom: '<"clearfix">t',
                     bKohaColumnsUseNames: true,
                     responsive: {
-                        details: { type: "column", target: -1 },
+                        details: {
+                            display: responsive_display,
+                            type: "column",
+                            target: -1
+                        },
                     },
                 },
                 otherholdingst_table_settings,
@@ -1975,7 +1989,11 @@
                     order: [[1, "desc"]],
                     bKohaColumnsUseNames: true,
                     responsive: {
-                        details: { type: "column", target: -1 },
+                        details: {
+                            display: responsive_display,
+                            type: "column",
+                            target: -1
+                        },
                     },
                 },
                 serial_table_settings
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-messaging.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-messaging.tt
index 7e22a3421f..6a5c5e8338 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-messaging.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-messaging.tt
@@ -415,12 +415,23 @@
                 }, 100);
             });
         }
+
+        [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+            var responsive_display = DataTable.Responsive.display.childRowImmediate;
+        [% ELSE %]
+            var responsive_display = DataTable.Responsive.display.childRow;
+        [% END %]
+
         $(".table").kohaTable({
             searching: false,
             paging: false,
             info: false,
             responsive: {
-                details: { type: "column", target: -1 },
+                details: {
+                    display: responsive_display,
+                    type: "column",
+                    target: -1
+                },
             },
             columnDefs: [{ className: "dtr-control", orderable: false, targets: -1 }],
         });
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-readingrecord.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-readingrecord.tt
index 85f083cecb..7628f412ae 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-readingrecord.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-readingrecord.tt
@@ -235,6 +235,12 @@
                 $('#sortform').submit();
             });
 
+            [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+                var responsive_display = DataTable.Responsive.display.childRowImmediate;
+            [% ELSE %]
+                var responsive_display = DataTable.Responsive.display.childRow;
+            [% END %]
+
             var table = $("#readingrec").kohaTable(
                 {
                     dom: '<"top"<"table_entries"i><"table_controls"fB>>t',
@@ -243,7 +249,11 @@
                         searchPlaceholder: _("Search"),
                     },
                     responsive: {
-                        details: { type: "column", target: -1 },
+                        details: {
+                            display: responsive_display,
+                            type: "column",
+                            target: -1
+                        },
                     },
                     columnDefs: [
                         { className: "dtr-control", orderable: false, targets: [-1] },
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recalls.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recalls.tt
index b50e27e943..4e45260a8e 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recalls.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-recalls.tt
@@ -142,9 +142,20 @@
             $(".cancel_recall").click(function () {
                 return confirmDelete(_("Are you sure you want to remove this recall?"));
             });
+
+            [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+                var responsive_display = DataTable.Responsive.display.childRowImmediate;
+            [% ELSE %]
+                var responsive_display = DataTable.Responsive.display.childRow;
+            [% END %]
+
             $("#recalls-table").kohaTable({
                 responsive: {
-                    details: { type: "column", target: -1 },
+                    details: {
+                        display: responsive_display,
+                        type: "column",
+                        target: -1
+                    },
                 },
                 columnDefs: [{ className: "dtr-control", orderable: false, targets: -1 }],
             });
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-search-history.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-search-history.tt
index caaacd96f7..c5e154e2cc 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-search-history.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-search-history.tt
@@ -309,6 +309,13 @@
         $(document).ready(function () {
             // We show table ordered by descending dates by default
             // (so that the more recent query is shown first)
+
+            [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+                var responsive_display = DataTable.Responsive.display.childRowImmediate;
+            [% ELSE %]
+                var responsive_display = DataTable.Responsive.display.childRow;
+            [% END %]
+
             let history_tables = $(".historyt").kohaTable({
                 order: [[1, "desc"]],
                 dom: '<"top"<"table_entries"><"table_controls"fB>>t',
@@ -318,7 +325,11 @@
                     searchPlaceholder: _("Search"),
                 },
                 responsive: {
-                    details: { type: "column", target: -1 },
+                    details: {
+                        display: responsive_display,
+                        type: "column",
+                        target: -1
+                    },
                 },
             });
 
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags.tt
index 4f4ea2c186..2190ba749f 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-tags.tt
@@ -302,6 +302,12 @@
                 }
             });
 
+            [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+                var responsive_display = DataTable.Responsive.display.childRowImmediate;
+            [% ELSE %]
+                var responsive_display = DataTable.Responsive.display.childRow;
+            [% END %]
+
             $("#mytagst").kohaTable({
                 order: [[2, "asc"]],
                 columnDefs: [
@@ -310,6 +316,7 @@
                 ],
                 responsive: {
                     details: {
+                        display: responsive_display,
                         type: "column",
                         target: -1,
                     },
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-topissues.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-topissues.tt
index 03f6b1e221..c14144dbd2 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-topissues.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-topissues.tt
@@ -154,11 +154,18 @@
     [% INCLUDE 'datatables.inc' %]
     <script>
         $(function () {
+            [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+                var responsive_display = DataTable.Responsive.display.childRowImmediate;
+            [% ELSE %]
+                var responsive_display = DataTable.Responsive.display.childRow;
+            [% END %]
+
             $("#topissuest").kohaTable({
                 order: [[3, "desc"]],
                 columnDefs: [{ className: "dtr-control", orderable: false, targets: -1 }],
                 responsive: {
                     details: {
+                        display: responsive_display,
                         type: "column",
                         target: -1,
                     },
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt
index 7e0e16ade5..87fcefa6c6 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt
@@ -1226,6 +1226,12 @@
                 });
             });
 
+            [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+                var responsive_display = DataTable.Responsive.display.childRowImmediate;
+            [% ELSE %]
+                var responsive_display = DataTable.Responsive.display.childRow;
+            [% END %]
+
             var dataTables = $("#recalls-table,#article-requests-table");
             dataTables.each(function(){
                 $(this).kohaTable({
@@ -1233,7 +1239,11 @@
                     paging: false,
                     info: false,
                     responsive: {
-                        details: { type: "column", target: -1 },
+                        details: {
+                            display: responsive_display,
+                            type: "column",
+                            target: -1
+                        },
                     },
                     columnDefs: [{ className: "dtr-control", orderable: false, targets: -1 }],
                 });
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt
index 6a7f5d00a2..b0099d5b2b 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt
@@ -476,6 +476,12 @@
                     dofocus();
                     [% IF ( patronid ) %]sco_init();[% END %]
 
+                    [% IF ( Koha.Preference('OPACTableColExpandedByDefault') ) %]
+                        var responsive_display = DataTable.Responsive.display.childRowImmediate;
+                    [% ELSE %]
+                        var responsive_display = DataTable.Responsive.display.childRow;
+                    [% END %]
+
                     var dTables = $("#loanTable, #holdst, #finestable");
                     dTables.each(function(){
                         var thIndex = $(this).find("th.psort").index();
@@ -493,6 +499,7 @@
                             },
                             responsive: {
                                 details: {
+                                    display: responsive_display,
                                     type: "column",
                                     target: -1,
                                 },