Partially fixes the data output panel display issue. Fixes #6572

docs/en_US/release_notes.rst

@@ -11,6 +11,7 @@ notes for it.
 .. toctree::
    :maxdepth: 1
 
+   release_notes_5_7
    release_notes_5_6
    release_notes_5_5
    release_notes_5_4

docs/en_US/release_notes_5_7.rst

@@ -0,0 +1,21 @@
+************
+Version 5.7
+************
+
+Release date: 2021-09-09
+
+This release contains a number of bug fixes and new features since the release of pgAdmin4 5.6.
+
+New features
+************
+
+
+
+Housekeeping
+************
+
+
+Bug fixes
+*********
+
+| `Issue #6572 <https://redmine.postgresql.org/issues/6572>`_ -  Fixed

web/pgadmin/tools/datagrid/static/js/datagrid.js

@@ -289,6 +289,10 @@ define('pgadmin.datagrid', [
             });
           });
 
+          queryToolPanel.on(wcDocker.EVENT.VISIBILITY_CHANGED, function() {
+            queryToolPanel.trigger(wcDocker.EVENT.RESIZED);
+          });
+
           commonUtils.registerDetachEvent(queryToolPanel);
 
           // Listen on the panelRename event.

web/pgadmin/tools/sqleditor/static/js/sqleditor.js

@@ -1418,6 +1418,18 @@ define('tools.querytool', [
         }
       });
 
+      self.data_output_panel.on(wcDocker.EVENT.RESIZED, function() {
+        // Resize grid only when 'Data Output' panel is visible.
+        if (self.data_output_panel.isVisible()) {
+          if (self.preferences.column_data_auto_resize === 'by_data') {
+            grid.resizeAllColumns && grid.resizeAllColumns(
+              self.preferences.column_data_max_width, self.max_width_changed);
+          }else{
+            self.grid.resizeAllColumns && self.grid.resizeAllColumns();
+          }
+        }
+      });
+
       // Resize SlickGrid when output Panel gets focus
       self.data_output_panel.on(wcDocker.EVENT.VISIBILITY_CHANGED, function() {
         // Resize grid only if output panel is visible