diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss
index 07359bec3f..d9d630feee 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss
+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss
@@ -256,14 +256,6 @@
     #checkouts_filter {
         display: block;
     }
-
-    table.finestable tfoot tr {
-        display: flex !important;
-        width: max-content;
-    }
-    table.finestable tfoot td, table.finestable tfoot th {
-        display: flex !important;
-    }
 }
 
 @media only screen and ( max-width: 700px ) {
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/includes/account-table.inc b/koha-tmpl/opac-tmpl/bootstrap/en/includes/account-table.inc
index f0d85e087a..dcd0b0f1bb 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/includes/account-table.inc
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/includes/account-table.inc
@@ -12,6 +12,7 @@
                     <th>Description</th>
                     <th>Amount</th>
                     <th>Amount outstanding</th>
+                    <th></th>
                 </tr>
             </thead>
 
@@ -39,6 +40,7 @@
                         </td>
                         [% IF ( ACCOUNT_LINE.is_credit ) %]<td class="credit">[% ACCOUNT_LINE.amount * -1 | $Price %][% ELSE %]<td class="debit">[% ACCOUNT_LINE.amount | $Price %][% END %]</td>
                         [% IF ( ACCOUNT_LINE.is_credit ) %]<td class="credit">[% ACCOUNT_LINE.amountoutstanding * -1 | $Price %][% ELSE %]<td class="debit">[% ACCOUNT_LINE.amountoutstanding | $Price %][% END %]</td>
+                        <td></td>
                     </tr>
                 [% END %]
             </tbody>
@@ -52,6 +54,7 @@
                     [%- END -%]
                     <th class="sum" colspan="[% COLSPAN | html %]">Total due</th>
                     <td class="sum">[% total | $Price %]</td>
+                    <th></th>
                 </tr>
                 [% IF outstanding_credits.total_outstanding < 0 %]
                 [% FOREACH outstanding_credit IN outstanding_credits %]
@@ -97,6 +100,7 @@
                     <th>Description</th>
                     <th>Fine amount</th>
                     <th>Amount outstanding</th>
+                    <th></th>
                 </tr>
             </thead>
 
@@ -124,6 +128,7 @@
                         </td>
                         [% IF ( a.amount < 0 ) %]<td class="credit">[% ELSE %]<td class="debit">[% END %][% a.amount | $Price %]</td>
                         [% IF ( a.amountoutstanding < 0 ) %]<td class="credit">[% ELSE %]<td class="debit">[% END %][% a.amountoutstanding | $Price %]</td>
+                    <td></td>
                     </tr>
                 [% END %]
             </tbody>
@@ -132,6 +137,7 @@
                 <tr>
                     <th class="sum" colspan="4">Total due</th>
                     <td class="sum">[% account_sum | $Price %]</td>
+                    <th></th>
                 </tr>
             </tfoot>
         </table>
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account.tt
index 8786a6fc31..adf358c116 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-account.tt
@@ -96,13 +96,37 @@ $( document ).ready(function() {
          [% END %]
          "dom": '<"#filter_p">',
          "autoWidth": false,
-         "responsive": true,
+         "responsive": {
+            "details": { "type": 'column',"target": -1 }
+         },
+         "columnDefs": [
+            { "className": 'dtr-control', "orderable": false, "targets": -1 }
+         ],
+         'fnDrawCallback': function() {
+            show_hiddentfoot('#finestable');
+         }
     } ));
 
     $('table[id^="finestable-"]').dataTable($.extend(true, {}, dataTablesDefaults, {
-        "responsive": true
+         "autoWidth": false,
+         "responsive": {
+            "details": { "type": 'column',"target": -1 }
+         },
+         "columnDefs": [
+            { "className": 'dtr-control', "orderable": false, "targets": -1 }
+         ],
+         'fnDrawCallback': function() {
+            show_hiddentfoot('table[id^="finestable-"]');
+         }
     } ));
 
+    function show_hiddentfoot(selector) {
+        $('.finestable tfoot .sum').show();
+        if ($(".finestable tfoot td.dtr-hidden").length > 0) {
+            $(selector+" tfoot th").removeAttr( "colspan" );
+            $(".finestable tfoot .dtr-control").hide();
+        }
+    }
     $("#filter_p").html('<p><a href="#" id="filter_paid"><i class="fa fa-filter" aria-hidden="true"></i> '+txtActivefilter+'</a>');
     $('#filter_paid').click(function(e) {
         e.preventDefault();
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 992e0dbae5..46bc3b157c 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
@@ -179,6 +179,7 @@
                                                 <th>Schedule</th>
                                                 <th>Notes</th>
                                                 <th>Actions</th>
+                                                <th></th>
                                             </tr>
                                         </thead>
                                         <tbody>
@@ -211,6 +212,7 @@
                                                                 <i class="fa fa-ban" aria-hidden="true"></i> Cancel this pickup</button>
                                                         </form>
                                                     </td>
+                                                    <td></td>
                                                 </tr>
                                             [% END %]
                                         </tbody>
@@ -280,6 +282,7 @@
     <script>dayjs.extend(window.dayjs_plugin_isSameOrAfter)</script>
     <script>dayjs.extend(window.dayjs_plugin_customParseFormat)</script>
     [% INCLUDE 'calendar.inc' %]
+    [% INCLUDE 'datatables.inc' %]
     <script>
         [% SET pickup_exists_in = [] %]
         [% FOR p IN patron_curbside_pickups %]
@@ -324,6 +327,18 @@
         });
 
         $(document).ready(function() {
+            $('#pickups-table').dataTable($.extend(true, {}, dataTablesDefaults, {
+                "searching": false,
+                "paging": false,
+                "info": false,
+                "autoWidth": false,
+                "responsive": {
+                    "details": { "type": 'column',"target": -1 }
+                },
+                "columnDefs": [
+                    { "className": 'dtr-control', "orderable": false, "targets": -1 }
+                ],
+            }));
             $("#pickup-branch option").each(function(){
                 if ( $(this).val() != "" && !policies[$(this).val()].enabled ) {
                     $(this).prop("disabled", "disabled");
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 4703e89c33..b3bd0a4d75 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt
@@ -1158,7 +1158,7 @@
                 minDate: "today"
             });
 
-            $(".suspend_hold").on("click", function(e){
+            $(document).on("click", ".suspend_hold", function(e){
                 e.preventDefault();
                 var title = $(this).data("title");
                 var reserve_id = $(this).data("reserve_id");