Merge pull request #5771 from Laravel-Backpack/fix-responsive-controls-on-table-resize

fix responsive table on resize

Author: pxpm

src/resources/views/crud/inc/datatables_logic.blade.php

@@ -398,14 +398,20 @@ functionsToRunOnDataTablesDrawEvent: [],
         // the table should have the has-hidden-columns class
         crud.table.on( 'responsive-resize', function ( e, datatable, columns ) {
             if (crud.table.responsive.hasHidden()) {
+                let firstVisibleColumn = $('.dtr-control').closest('tr').find('td').filter(function() {
+                    return $(this).is(':visible');
+                }).first();
+
+                // move the dtr-control to the first visible column
+                $('.dtr-control').prependTo(firstVisibleColumn);
                 $('.dtr-control').removeClass('d-none'); 
                 $('.dtr-control').addClass('d-inline');
                 $("#crudTable").removeClass('has-hidden-columns').addClass('has-hidden-columns');
-             } else {
-              $('.dtr-control').removeClass('d-none').removeClass('d-inline').addClass('d-none');  
-              $("#crudTable").removeClass('has-hidden-columns');
-             }
-        } );
+            } else {
+                $('.dtr-control').removeClass('d-none').removeClass('d-inline').addClass('d-none');  
+                $("#crudTable").removeClass('has-hidden-columns');
+            }
+        });
       @else
         // make sure the column headings have the same width as the actual columns
         // after the user manually resizes the window