Remove O(numMetrics * numRuns) metric range computation from generati…

…on of each table row (mlflow#662)

mlflow/server/js/src/components/ExperimentRunsTableMultiColumnView.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import { connect } from 'react-redux';
 import PropTypes from 'prop-types';
 import { Table } from 'react-bootstrap';
 import ExperimentViewUtil from './ExperimentViewUtil';
@@ -35,6 +36,7 @@ class ExperimentRunsTableMultiColumnView extends Component {
     sortState: PropTypes.object.isRequired,
     runsSelected: PropTypes.object.isRequired,
     runsExpanded: PropTypes.object.isRequired,
+    metricRanges: PropTypes.object.isRequired,
   };
 
   getRow({ idx, isParent, hasExpander, expanderOpen, childrenIds }) {
@@ -49,8 +51,8 @@ class ExperimentRunsTableMultiColumnView extends Component {
       runsSelected,
       tagsList,
       onExpand,
+      metricRanges,
     } = this.props;
-    const metricRanges = ExperimentViewUtil.computeMetricRanges(metricsList);
     const runInfo = runInfos[idx];
     const paramsMap = ExperimentViewUtil.toParamsMap(paramsList[idx]);
     const metricsMap = ExperimentViewUtil.toMetricsMap(metricsList[idx]);
@@ -233,4 +235,9 @@ const styles = {
   },
 };
 
-export default ExperimentRunsTableMultiColumnView;
+const mapStateToProps = (state, ownProps) => {
+  const { metricsList } = ownProps;
+  return {metricRanges: ExperimentViewUtil.computeMetricRanges(metricsList)};
+};
+
+export default connect(mapStateToProps)(ExperimentRunsTableMultiColumnView);