[Lens] Allow table to scroll horizontally (#63805)

* [Lens] Allow table to scroll horizontally

* Fixing scrolling pt. 2

Co-authored-by: cchaos <caroline.horn@elastic.co>

Author: Wylie Conlon

x-pack/legacy/plugins/canvas/canvas_plugin_src/renderers/embeddable/embeddable.scss

@@ -26,8 +26,4 @@
   .euiTable {
     background: none;
   }
-
-  .lnsExpressionRenderer {
-    @include euiScrollBar;
-  }
-}
+}

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);

x-pack/plugins/lens/public/editor_frame_service/editor_frame/_expression_renderer.scss

@@ -1,9 +1,10 @@
 .lnsExpressionRenderer {
+  @include euiScrollBar;
   position: relative;
   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

x-pack/plugins/lens/public/editor_frame_service/editor_frame/_workspace_panel_wrapper.scss

@@ -29,7 +29,7 @@
       display: flex;
       align-items: center;
       justify-content: center;
-      overflow-x: hidden;
+      overflow: hidden;
     }
   }
 }