[incubator-druid] branch 0.15.0-incubating updated: fix table scrolling (#7871)

[ji...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

jihoonson pushed a commit to branch 0.15.0-incubating
in repository https://gitbox.apache.org/repos/asf/incubator-druid.git


The following commit(s) were added to refs/heads/0.15.0-incubating by this push:
     new 6bdc70a  fix table scrolling (#7871)
6bdc70a is described below

commit 6bdc70a5569f3519311be67fa2f5f0e3a89321ba
Author: Vadim Ogievetsky <va...@gmail.com>
AuthorDate: Wed Jun 12 14:04:23 2019 -0700

    fix table scrolling (#7871)
---
 web-console/src/views/sql-view.scss | 9 ++++++++-
 web-console/src/views/sql-view.tsx  | 4 +++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/web-console/src/views/sql-view.scss b/web-console/src/views/sql-view.scss
index 2cc8876..fb31f54 100644
--- a/web-console/src/views/sql-view.scss
+++ b/web-console/src/views/sql-view.scss
@@ -34,8 +34,15 @@
     }
   }
 
-  .ReactTable {
+  .table-container {
     flex: 1;
+    position: relative;
+
+    .ReactTable {
+      position: absolute;
+      height: 100%;
+      width: 100%;
+    }
   }
 }
 
diff --git a/web-console/src/views/sql-view.tsx b/web-console/src/views/sql-view.tsx
index abd5f75..00caed8 100644
--- a/web-console/src/views/sql-view.tsx
+++ b/web-console/src/views/sql-view.tsx
@@ -224,7 +224,9 @@ export class SqlView extends React.Component<SqlViewProps, SqlViewState> {
         onExplain={this.getExplain}
         queryElapsed={queryElapsed}
       />
-      {this.renderResultTable()}
+      <div className="table-container">
+        {this.renderResultTable()}
+      </div>
       {this.renderExplainDialog()}
     </div>;
   }


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@druid.apache.org
For additional commands, e-mail: commits-help@druid.apache.org