[Lens] Allow table to scroll horizontally

elastic · Apr 16, 2020 · 00b791f · 00b791f
1 parent 239f73b
commit 00b791f
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 2 deletions.
diff --git a/x-pack/plugins/lens/public/datatable_visualization/expression.tsx b/x-pack/plugins/lens/public/datatable_visualization/expression.tsx
@@ -140,6 +140,7 @@ function DatatableComponent(props: DatatableProps & { formatFactory: FormatFacto
       <EuiBasicTable
         className="lnsDataTable"
         data-test-subj="lnsDataTable"
+        tableLayout="auto"
         columns={props.args.columns.columnIds
           .map(field => {
             const col = firstTable.columns.find(c => c.id === field);

diff --git a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/_expression_renderer.scss b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/_expression_renderer.scss
@@ -3,7 +3,7 @@
   width: 100%;
   height: 100%;
   display: flex;
-  overflow-x: hidden;
+  overflow: auto;
 
   .lnsExpressionRenderer__component {
     position: static; // Let the progress indicator position itself against the outer parent

diff --git a/x-pack/plugins/lens/public/editor_frame_service/editor_frame/_workspace_panel_wrapper.scss b/x-pack/plugins/lens/public/editor_frame_service/editor_frame/_workspace_panel_wrapper.scss
@@ -29,7 +29,6 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      overflow-x: hidden;
     }
   }
 }