Web Inspector: Database query result DataGrids have misaligned header columns

https://bugs.webkit.org/show_bug.cgi?id=156701
rdar://problem/25778310

Reviewed by Brian Burg.

* UserInterface/Views/DataGrid.js:
(WebInspector.DataGrid.prototype.autoSizeColumns): Set the width on the <col> element
for the body table to match the <col> in the header.

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@199677 268f45cc-cd09-0410-ab3c-d52691b4dbfc

diff --git a/Source/WebInspectorUI/ChangeLog b/Source/WebInspectorUI/ChangeLog
index a58cbc8..5cc1ef3 100644 (file)
--- a/Source/WebInspectorUI/ChangeLog
+++ b/Source/WebInspectorUI/ChangeLog
@@ -1,5 +1,18 @@
 2016-04-18  Timothy Hatcher  <timothy@apple.com>
 
+        Web Inspector: Database query result DataGrids have misaligned header columns
+
+        https://bugs.webkit.org/show_bug.cgi?id=156701
+        rdar://problem/25778310
+
+        Reviewed by Brian Burg.
+
+        * UserInterface/Views/DataGrid.js:
+        (WebInspector.DataGrid.prototype.autoSizeColumns): Set the width on the <col> element
+        for the body table to match the <col> in the header.
+
+2016-04-18  Timothy Hatcher  <timothy@apple.com>
+
         Web Inspector: Fix the debounce function
 
         https://bugs.webkit.org/show_bug.cgi?id=156696

diff --git a/Source/WebInspectorUI/UserInterface/Views/DataGrid.js b/Source/WebInspectorUI/UserInterface/Views/DataGrid.js
index 28ea0f7..ea5d53b 100644 (file)
--- a/Source/WebInspectorUI/UserInterface/Views/DataGrid.js
+++ b/Source/WebInspectorUI/UserInterface/Views/DataGrid.js
@@ -427,8 +427,11 @@ WebInspector.DataGrid = class DataGrid extends WebInspector.View
             }
         }
 
-        for (var [identifier, column] of this.columns)
+        for (var [identifier, column] of this.columns) {
             column["element"].style.width = widths[identifier] + "%";
+            column["bodyElement"].style.width = widths[identifier] + "%";
+        }
+
         this._columnWidthsInitialized = false;
         this.needsLayout();
     }