init

Signed-off-by: Weichen Xu <weichen.xu@databricks.com>
mlflow · Nov 8, 2021 · 21a0900 · 21a0900
1 parent 3cd6ac8
commit 21a0900
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/mlflow/server/js/src/experiment-tracking/components/ExperimentView.js b/mlflow/server/js/src/experiment-tracking/components/ExperimentView.js
@@ -707,7 +707,7 @@ export class ExperimentView extends Component {
                         ColumnSortByOrder.forEach((order) => {
                           sortOptions.push(
                             <Option
-                              key={metricKey}
+                              key={ExperimentViewUtil.middleTruncateKey(metricKey, 20)}
                               title={metricKey}
                               data-test-id={`sort-select-${metricKey}-${order}`}
                               value={`${ExperimentViewUtil.makeCanonicalKey(
@@ -732,7 +732,7 @@ export class ExperimentView extends Component {
                           sortOptions.push(
                             <Option
                               key={paramKey}
-                              title={paramKey}
+                              title={ExperimentViewUtil.middleTruncateKey(paramKey, 20)}
                               data-test-id={`sort-select-${paramKey}-${order}`}
                               value={`${ExperimentViewUtil.makeCanonicalKey(
                                 COLUMN_TYPES.PARAMS,

diff --git a/mlflow/server/js/src/experiment-tracking/components/ExperimentViewUtil.js b/mlflow/server/js/src/experiment-tracking/components/ExperimentViewUtil.js
@@ -273,6 +273,13 @@ export default class ExperimentViewUtil {
     return keyType + '.`' + keyName + '`';
   }
 
+  static middleTruncateKey(keyName, maxLen) {
+    if keyName.length > maxLen:
+        return keyName.substring(0, firstPartLen) + '...' + keyName.substring(firstPartLen + 3)
+    else:
+        return keyName
+  }
+
   static getExpanderHeader(cellType) {
     const CellComponent = `${cellType}`;
     return (