[ML] Hide Data Grid column options when histogram charts are enabled. (…

…#79459) * [ML] Fix data grid actions. * [ML] fix columnsWithChartsActionized Co-authored-by: Kibana Machine <[email protected]> Co-authored-by: Dima Arnautov <[email protected]>
elastic · Oct 6, 2020 · 045e7d9 · 045e7d9
1 parent 4ed1cb3
commit 045e7d9
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/x-pack/plugins/ml/public/application/components/data_grid/data_grid.tsx b/x-pack/plugins/ml/public/application/components/data_grid/data_grid.tsx
@@ -99,6 +99,14 @@ export const DataGrid: FC<Props> = memo(
     //   };
     // };
 
+    // If the charts are visible, hide the column actions icon.
+    const columnsWithChartsActionized = columnsWithCharts.map((d) => {
+      if (chartsVisible === true) {
+        d.actions = false;
+      }
+      return d;
+    });
+
     const popOverContent = useMemo(() => {
       return analysisType === ANALYSIS_CONFIG_TYPE.REGRESSION ||
         analysisType === ANALYSIS_CONFIG_TYPE.CLASSIFICATION
@@ -254,7 +262,7 @@ export const DataGrid: FC<Props> = memo(
         <div className="mlDataGrid">
           <EuiDataGrid
             aria-label={isWithHeader(props) ? props.title : ''}
-            columns={columnsWithCharts.map((c) => {
+            columns={columnsWithChartsActionized.map((c) => {
               c.initialWidth = 165;
               return c;
             })}