diff --git a/frontend/src/lib/RunUtils.ts b/frontend/src/lib/RunUtils.ts
index 5b0343fa363..6d4ee0a10e2 100644
--- a/frontend/src/lib/RunUtils.ts
+++ b/frontend/src/lib/RunUtils.ts
@@ -88,6 +88,19 @@ function extractMetricMetadata(runs: ApiRun[]): MetricMetadata[] {
   return orderBy(metrics, ['count', 'name'], ['desc', 'asc']);
 }
 
+function getRecurringRunId(run?: ApiRun): string {
+  if (!run) {
+    return '';
+  }
+
+  for (const ref of run.resource_references || []) {
+    if (ref.key && ref.key.type === ApiResourceType.JOB) {
+      return ref.key.id || '';
+    }
+  }
+  return '';
+}
+
 export default {
   extractMetricMetadata,
   getAllExperimentReferences,
@@ -95,5 +108,6 @@ export default {
   getFirstExperimentReferenceId,
   getPipelineId,
   getPipelineSpec,
+  getRecurringRunId,
   runsToMetricMetadataMap,
 };
diff --git a/frontend/src/pages/RunList.test.tsx b/frontend/src/pages/RunList.test.tsx
index 4e76fdd4036..1bdc2bd9f82 100644
--- a/frontend/src/pages/RunList.test.tsx
+++ b/frontend/src/pages/RunList.test.tsx
@@ -319,6 +319,21 @@ describe('RunList', () => {
     expect(tree).toMatchSnapshot();
   });
 
+  it('shows link to recurring run config', async () => {
+    mockNRuns(1, {
+      run: {
+        resource_references: [{
+          key: { id: 'test-recurring-run-id', type: ApiResourceType.JOB }
+        }]
+      }
+    });
+    const props = generateProps();
+    tree = shallow(<RunList {...props} />);
+    await (tree.instance() as RunListTest)._loadRuns({});
+    expect(props.onError).not.toHaveBeenCalled();
+    expect(tree).toMatchSnapshot();
+  });
+
   it('shows experiment name', async () => {
     mockNRuns(1, {
       run: {
@@ -372,6 +387,10 @@ describe('RunList', () => {
     expect(getMountedInstance()._pipelineCustomRenderer({ value: { /* no displayName */ showLink: true }, id: 'run-id' })).toMatchSnapshot();
   });
 
+  it('renders pipeline name as link to its details page', () => {
+    expect(getMountedInstance()._recurringRunCustomRenderer({ value: { id: 'recurring-run-id', }, id: 'run-id' })).toMatchSnapshot();
+  });
+
   it('renders experiment name as link to its details page', () => {
     expect(getMountedInstance()._experimentCustomRenderer({ value: { displayName: 'test experiment', id: 'experiment-id' }, id: 'run-id' })).toMatchSnapshot();
   });
diff --git a/frontend/src/pages/RunList.tsx b/frontend/src/pages/RunList.tsx
index f872360c3d7..711a02cb664 100644
--- a/frontend/src/pages/RunList.tsx
+++ b/frontend/src/pages/RunList.tsx
@@ -41,8 +41,14 @@ interface PipelineInfo {
   showLink: boolean;
 }
 
+interface RecurringRunInfo {
+  displayName?: string;
+  id?: string;
+}
+
 interface DisplayRun {
   experiment?: ExperimentInfo;
+  recurringRun?: RecurringRunInfo;
   run: ApiRun;
   pipeline?: PipelineInfo;
   error?: string;
@@ -90,13 +96,14 @@ class RunList extends React.PureComponent<RunListProps, RunListState> {
     const columns: Column[] = [
       {
         customRenderer: this._nameCustomRenderer,
-        flex: 2,
+        flex: 1.5,
         label: 'Run name',
         sortKey: RunSortKeys.NAME,
       },
       { customRenderer: this._statusCustomRenderer, flex: 0.5, label: 'Status' },
       { label: 'Duration', flex: 0.5 },
       { customRenderer: this._pipelineCustomRenderer, label: 'Pipeline', flex: 1 },
+      { customRenderer: this._recurringRunCustomRenderer, label: 'Recurring Run', flex: 0.5 },
       { label: 'Start time', flex: 1, sortKey: RunSortKeys.CREATED_AT },
     ];
 
@@ -116,7 +123,7 @@ class RunList extends React.PureComponent<RunListProps, RunListState> {
       columns.push(...metricMetadata.map((metadata) => {
         return {
           customRenderer: this._metricCustomRenderer,
-          flex: 1,
+          flex: 0.5,
           label: metadata.name!
         };
       }));
@@ -141,6 +148,7 @@ class RunList extends React.PureComponent<RunListProps, RunListState> {
           r.run.status || '-',
           getRunDuration(r.run),
           r.pipeline,
+          r.recurringRun,
           formatDateString(r.run.created_at),
         ] as any,
       };
@@ -198,6 +206,20 @@ class RunList extends React.PureComponent<RunListProps, RunListState> {
     );
   }
 
+  public _recurringRunCustomRenderer: React.FC<CustomRendererProps<RecurringRunInfo>> = (props: CustomRendererProps<RecurringRunInfo>) => {
+    // If the getJob call failed or a run has no job, we display a placeholder.
+    if (!props.value || !props.value.id) {
+      return <div>-</div>;
+    }
+    const url = RoutePage.RECURRING_RUN.replace(':' + RouteParams.runId, props.value.id || '');
+    return (
+      <Link className={commonCss.link} onClick={(e) => e.stopPropagation()}
+        to={url}>
+        {props.value.displayName || '[View config]'}
+      </Link>
+    );
+  }
+
   public _experimentCustomRenderer: React.FC<CustomRendererProps<ExperimentInfo>> = (props: CustomRendererProps<ExperimentInfo>) => {
     // If the getExperiment call failed or a run has no experiment, we display a placeholder.
     if (!props.value || !props.value.id) {
@@ -277,10 +299,7 @@ class RunList extends React.PureComponent<RunListProps, RunListState> {
       }
     }
 
-    await this._getAndSetPipelineNames(displayRuns);
-    if (!this.props.hideExperimentColumn) {
-      await this._getAndSetExperimentNames(displayRuns);
-    }
+    await this._setColumns(displayRuns);
 
     this.setState({
       metrics: RunUtils.extractMetricMetadata(displayRuns.map(r => r.run)),
@@ -289,6 +308,30 @@ class RunList extends React.PureComponent<RunListProps, RunListState> {
     return nextPageToken;
   }
 
+  private async _setColumns(displayRuns: DisplayRun[]): Promise<DisplayRun[]> {
+    return Promise.all(
+      displayRuns.map(async (displayRun) => {
+        this._setRecurringRun(displayRun);
+
+        await this._getAndSetPipelineNames(displayRun);
+
+        if (!this.props.hideExperimentColumn) {
+          await this._getAndSetExperimentNames(displayRun);
+        }
+        return displayRun;
+      })
+    );
+  }
+
+  private _setRecurringRun(displayRun: DisplayRun): void {
+    const recurringRunId = RunUtils.getRecurringRunId(displayRun.run);
+    if (recurringRunId) {
+      // TODO: It would be better to use name here, but that will require another n API calls at
+      // this time.
+      displayRun.recurringRun = { id: recurringRunId, displayName: recurringRunId };
+    }
+  }
+
   /**
    * For each run ID, fetch its corresponding run, and set it in DisplayRuns
    */
@@ -306,55 +349,43 @@ class RunList extends React.PureComponent<RunListProps, RunListState> {
   }
 
   /**
-   * For each DisplayRun, get its ApiRun and retrieve that ApiRun's Pipeline ID if it has one, then
-   * use that Pipeline ID to fetch its associated Pipeline and attach that Pipeline's name to the
-   * DisplayRun. If the ApiRun has no Pipeline ID, then the corresponding DisplayRun will show '-'.
+   * For the given DisplayRun, get its ApiRun and retrieve that ApiRun's Pipeline ID if it has one,
+   * then use that Pipeline ID to fetch its associated Pipeline and attach that Pipeline's name to
+   * the DisplayRun. If the ApiRun has no Pipeline ID, then the corresponding DisplayRun will show
+   * '-'.
    */
-  private _getAndSetPipelineNames(displayRuns: DisplayRun[]): Promise<DisplayRun[]> {
-    return Promise.all(
-      displayRuns.map(async (displayRun) => {
-        const pipelineId = RunUtils.getPipelineId(displayRun.run);
-        if (pipelineId) {
-          try {
-            const pipeline = await Apis.pipelineServiceApi.getPipeline(pipelineId);
-            displayRun.pipeline = { displayName: pipeline.name || '', id: pipelineId, showLink: false };
-          } catch (err) {
-            // This could be an API exception, or a JSON parse exception.
-            displayRun.error = 'Failed to get associated pipeline: ' + await errorToMessage(err);
-          }
-        } else if (!!RunUtils.getPipelineSpec(displayRun.run)) {
-          displayRun.pipeline = { showLink: true };
-        }
-        return displayRun;
-      })
-    );
+  private async _getAndSetPipelineNames(displayRun: DisplayRun): Promise<void> {
+    const pipelineId = RunUtils.getPipelineId(displayRun.run);
+    if (pipelineId) {
+      try {
+        const pipeline = await Apis.pipelineServiceApi.getPipeline(pipelineId);
+        displayRun.pipeline = { displayName: pipeline.name || '', id: pipelineId, showLink: false };
+      } catch (err) {
+        // This could be an API exception, or a JSON parse exception.
+        displayRun.error = 'Failed to get associated pipeline: ' + await errorToMessage(err);
+      }
+    } else if (!!RunUtils.getPipelineSpec(displayRun.run)) {
+      displayRun.pipeline = { showLink: true };
+    }
   }
 
   /**
-   * For each DisplayRun, get its ApiRun and retrieve that ApiRun's Experiment ID if it has one,
-   * then use that Experiment ID to fetch its associated Experiment and attach that Experiment's
-   * name to the DisplayRun. If the ApiRun has no Experiment ID, then the corresponding DisplayRun
-   * will show '-'.
+   * For the given DisplayRun, get its ApiRun and retrieve that ApiRun's Experiment ID if it has
+   * one, then use that Experiment ID to fetch its associated Experiment and attach that
+   * Experiment's name to the DisplayRun. If the ApiRun has no Experiment ID, then the corresponding
+   * DisplayRun will show '-'.
    */
-  private _getAndSetExperimentNames(displayRuns: DisplayRun[]): Promise<DisplayRun[]> {
-    return Promise.all(
-      displayRuns.map(async (displayRun) => {
-        const experimentId = RunUtils.getFirstExperimentReferenceId(displayRun.run);
-        if (experimentId) {
-          try {
-            // TODO: Experiment could be an optional field in state since whenever the RunList is
-            // created from the ExperimentDetails page, we already have the experiment (and will)
-            // be fetching the same one over and over here.
-            const experiment = await Apis.experimentServiceApi.getExperiment(experimentId);
-            displayRun.experiment = { displayName: experiment.name || '', id: experimentId };
-          } catch (err) {
-            // This could be an API exception, or a JSON parse exception.
-            displayRun.error = 'Failed to get associated experiment: ' + await errorToMessage(err);
-          }
-        }
-        return displayRun;
-      })
-    );
+  private async _getAndSetExperimentNames(displayRun: DisplayRun): Promise<void> {
+    const experimentId = RunUtils.getFirstExperimentReferenceId(displayRun.run);
+    if (experimentId) {
+      try {
+        const experiment = await Apis.experimentServiceApi.getExperiment(experimentId);
+        displayRun.experiment = { displayName: experiment.name || '', id: experimentId };
+      } catch (err) {
+        // This could be an API exception, or a JSON parse exception.
+        displayRun.error = 'Failed to get associated experiment: ' + await errorToMessage(err);
+      }
+    }
   }
 }
 
diff --git a/frontend/src/pages/__snapshots__/RunList.test.tsx.snap b/frontend/src/pages/__snapshots__/RunList.test.tsx.snap
index deac5d0cf80..074546ab29a 100644
--- a/frontend/src/pages/__snapshots__/RunList.test.tsx.snap
+++ b/frontend/src/pages/__snapshots__/RunList.test.tsx.snap
@@ -7,7 +7,7 @@ exports[`RunList adds metrics columns 1`] = `
       Array [
         Object {
           "customRenderer": [Function],
-          "flex": 2,
+          "flex": 1.5,
           "label": "Run name",
           "sortKey": "name",
         },
@@ -30,6 +30,11 @@ exports[`RunList adds metrics columns 1`] = `
           "flex": 1,
           "label": "Pipeline",
         },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
         Object {
           "flex": 1,
           "label": "Start time",
@@ -42,12 +47,12 @@ exports[`RunList adds metrics columns 1`] = `
         },
         Object {
           "customRenderer": [Function],
-          "flex": 1,
+          "flex": 0.5,
           "label": "metric1",
         },
         Object {
           "customRenderer": [Function],
-          "flex": 1,
+          "flex": 0.5,
           "label": "metric2",
         },
       ]
@@ -67,6 +72,7 @@ exports[`RunList adds metrics columns 1`] = `
             "-",
             undefined,
             undefined,
+            undefined,
             "-",
             "",
             Object {
@@ -104,6 +110,7 @@ exports[`RunList adds metrics columns 1`] = `
             "-",
             undefined,
             undefined,
+            undefined,
             "-",
             "",
             Object {
@@ -145,7 +152,7 @@ exports[`RunList displays error in run row if experiment could not be fetched 1`
       Array [
         Object {
           "customRenderer": [Function],
-          "flex": 2,
+          "flex": 1.5,
           "label": "Run name",
           "sortKey": "name",
         },
@@ -168,6 +175,11 @@ exports[`RunList displays error in run row if experiment could not be fetched 1`
           "flex": 1,
           "label": "Pipeline",
         },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
         Object {
           "flex": 1,
           "label": "Start time",
@@ -190,6 +202,7 @@ exports[`RunList displays error in run row if experiment could not be fetched 1`
             "-",
             undefined,
             undefined,
+            undefined,
             "-",
           ],
         },
@@ -206,7 +219,7 @@ exports[`RunList displays error in run row if it failed to parse (run list mask)
       Array [
         Object {
           "customRenderer": [Function],
-          "flex": 2,
+          "flex": 1.5,
           "label": "Run name",
           "sortKey": "name",
         },
@@ -229,6 +242,11 @@ exports[`RunList displays error in run row if it failed to parse (run list mask)
           "flex": 1,
           "label": "Pipeline",
         },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
         Object {
           "flex": 1,
           "label": "Start time",
@@ -251,6 +269,7 @@ exports[`RunList displays error in run row if it failed to parse (run list mask)
             "-",
             undefined,
             undefined,
+            undefined,
             "-",
           ],
         },
@@ -263,6 +282,7 @@ exports[`RunList displays error in run row if it failed to parse (run list mask)
             "-",
             undefined,
             undefined,
+            undefined,
             "-",
           ],
         },
@@ -279,7 +299,7 @@ exports[`RunList displays error in run row if pipeline could not be fetched 1`]
       Array [
         Object {
           "customRenderer": [Function],
-          "flex": 2,
+          "flex": 1.5,
           "label": "Run name",
           "sortKey": "name",
         },
@@ -302,6 +322,11 @@ exports[`RunList displays error in run row if pipeline could not be fetched 1`]
           "flex": 1,
           "label": "Pipeline",
         },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
         Object {
           "flex": 1,
           "label": "Start time",
@@ -324,6 +349,7 @@ exports[`RunList displays error in run row if pipeline could not be fetched 1`]
             "-",
             undefined,
             undefined,
+            undefined,
             "-",
           ],
         },
@@ -357,7 +383,7 @@ exports[`RunList hides experiment name if instructed 1`] = `
       Array [
         Object {
           "customRenderer": [Function],
-          "flex": 2,
+          "flex": 1.5,
           "label": "Run name",
           "sortKey": "name",
         },
@@ -375,6 +401,11 @@ exports[`RunList hides experiment name if instructed 1`] = `
           "flex": 1,
           "label": "Pipeline",
         },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
         Object {
           "flex": 1,
           "label": "Start time",
@@ -396,6 +427,7 @@ exports[`RunList hides experiment name if instructed 1`] = `
             "-",
             "-",
             undefined,
+            undefined,
             "-",
           ],
         },
@@ -412,7 +444,7 @@ exports[`RunList in archived state renders the empty experience 1`] = `
       Array [
         Object {
           "customRenderer": [Function],
-          "flex": 2,
+          "flex": 1.5,
           "label": "Run name",
           "sortKey": "name",
         },
@@ -435,6 +467,11 @@ exports[`RunList in archived state renders the empty experience 1`] = `
           "flex": 1,
           "label": "Pipeline",
         },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
         Object {
           "flex": 1,
           "label": "Start time",
@@ -458,7 +495,7 @@ exports[`RunList loads multiple runs 1`] = `
       Array [
         Object {
           "customRenderer": [Function],
-          "flex": 2,
+          "flex": 1.5,
           "label": "Run name",
           "sortKey": "name",
         },
@@ -481,6 +518,11 @@ exports[`RunList loads multiple runs 1`] = `
           "flex": 1,
           "label": "Pipeline",
         },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
         Object {
           "flex": 1,
           "label": "Start time",
@@ -503,6 +545,7 @@ exports[`RunList loads multiple runs 1`] = `
             "-",
             undefined,
             undefined,
+            undefined,
             "-",
           ],
         },
@@ -515,6 +558,7 @@ exports[`RunList loads multiple runs 1`] = `
             "-",
             undefined,
             undefined,
+            undefined,
             "-",
           ],
         },
@@ -527,6 +571,7 @@ exports[`RunList loads multiple runs 1`] = `
             "-",
             undefined,
             undefined,
+            undefined,
             "-",
           ],
         },
@@ -539,6 +584,7 @@ exports[`RunList loads multiple runs 1`] = `
             "-",
             undefined,
             undefined,
+            undefined,
             "-",
           ],
         },
@@ -551,6 +597,7 @@ exports[`RunList loads multiple runs 1`] = `
             "-",
             undefined,
             undefined,
+            undefined,
             "-",
           ],
         },
@@ -567,7 +614,7 @@ exports[`RunList loads one run 1`] = `
       Array [
         Object {
           "customRenderer": [Function],
-          "flex": 2,
+          "flex": 1.5,
           "label": "Run name",
           "sortKey": "name",
         },
@@ -590,6 +637,11 @@ exports[`RunList loads one run 1`] = `
           "flex": 1,
           "label": "Pipeline",
         },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
         Object {
           "flex": 1,
           "label": "Start time",
@@ -612,6 +664,7 @@ exports[`RunList loads one run 1`] = `
             "-",
             undefined,
             undefined,
+            undefined,
             "-",
           ],
         },
@@ -638,7 +691,7 @@ exports[`RunList reloads the run when refresh is called 1`] = `
         Array [
           Object {
             "customRenderer": [Function],
-            "flex": 2,
+            "flex": 1.5,
             "label": "Run name",
             "sortKey": "name",
           },
@@ -661,6 +714,11 @@ exports[`RunList reloads the run when refresh is called 1`] = `
             "flex": 1,
             "label": "Pipeline",
           },
+          Object {
+            "customRenderer": [Function],
+            "flex": 0.5,
+            "label": "Recurring Run",
+          },
           Object {
             "flex": 1,
             "label": "Start time",
@@ -1950,7 +2008,7 @@ exports[`RunList reloads the run when refresh is called 1`] = `
             key="0"
             style={
               Object {
-                "width": "33.33333333333333%",
+                "width": "25%",
               }
             }
           >
@@ -4871,13 +4929,13 @@ exports[`RunList reloads the run when refresh is called 1`] = `
             key="5"
             style={
               Object {
-                "width": "16.666666666666664%",
+                "width": "8.333333333333332%",
               }
             }
           >
             <WithStyles(Tooltip)
               enterDelay={300}
-              title="Sort"
+              title="Cannot sort by this column"
             >
               <Tooltip
                 TransitionComponent={[Function]}
@@ -5264,16 +5322,15 @@ exports[`RunList reloads the run when refresh is called 1`] = `
                     },
                   }
                 }
-                title="Sort"
+                title="Cannot sort by this column"
               >
                 <RootRef
                   rootRef={[Function]}
                 >
                   <WithStyles(TableSortLabel)
-                    active={true}
+                    active={false}
                     aria-describedby={null}
                     className="ellipsis"
-                    direction="desc"
                     onBlur={[Function]}
                     onClick={[Function]}
                     onFocus={[Function]}
@@ -5281,11 +5338,11 @@ exports[`RunList reloads the run when refresh is called 1`] = `
                     onMouseOver={[Function]}
                     onTouchEnd={[Function]}
                     onTouchStart={[Function]}
-                    title="Sort"
+                    title="Cannot sort by this column"
                   >
                     <TableSortLabel
                       IconComponent={[Function]}
-                      active={true}
+                      active={false}
                       aria-describedby={null}
                       className="ellipsis"
                       classes={
@@ -5306,11 +5363,11 @@ exports[`RunList reloads the run when refresh is called 1`] = `
                       onMouseOver={[Function]}
                       onTouchEnd={[Function]}
                       onTouchStart={[Function]}
-                      title="Sort"
+                      title="Cannot sort by this column"
                     >
                       <WithStyles(ButtonBase)
                         aria-describedby={null}
-                        className="MuiTableSortLabel-root-95 MuiTableSortLabel-active-96 ellipsis"
+                        className="MuiTableSortLabel-root-95 ellipsis"
                         component="span"
                         disableRipple={true}
                         onBlur={[Function]}
@@ -5320,12 +5377,12 @@ exports[`RunList reloads the run when refresh is called 1`] = `
                         onMouseOver={[Function]}
                         onTouchEnd={[Function]}
                         onTouchStart={[Function]}
-                        title="Sort"
+                        title="Cannot sort by this column"
                       >
                         <ButtonBase
                           aria-describedby={null}
                           centerRipple={false}
-                          className="MuiTableSortLabel-root-95 MuiTableSortLabel-active-96 ellipsis"
+                          className="MuiTableSortLabel-root-95 ellipsis"
                           classes={
                             Object {
                               "disabled": "MuiButtonBase-disabled-85",
@@ -5345,12 +5402,12 @@ exports[`RunList reloads the run when refresh is called 1`] = `
                           onTouchEnd={[Function]}
                           onTouchStart={[Function]}
                           tabIndex="0"
-                          title="Sort"
+                          title="Cannot sort by this column"
                           type="button"
                         >
                           <span
                             aria-describedby={null}
-                            className="MuiButtonBase-root-84 MuiTableSortLabel-root-95 MuiTableSortLabel-active-96 ellipsis"
+                            className="MuiButtonBase-root-84 MuiTableSortLabel-root-95 ellipsis"
                             onBlur={[Function]}
                             onClick={[Function]}
                             onContextMenu={[Function]}
@@ -5366,9 +5423,9 @@ exports[`RunList reloads the run when refresh is called 1`] = `
                             onTouchStart={[Function]}
                             role="button"
                             tabIndex="0"
-                            title="Sort"
+                            title="Cannot sort by this column"
                           >
-                            Start time
+                            Recurring Run
                             <pure(ArrowDownward)
                               className="MuiTableSortLabel-icon-97 MuiTableSortLabel-iconDirectionDesc-98"
                             >
@@ -5422,12 +5479,12 @@ exports[`RunList reloads the run when refresh is called 1`] = `
                 <Popper
                   anchorEl={
                     <span
-                      class="MuiButtonBase-root-84 MuiTableSortLabel-root-95 MuiTableSortLabel-active-96 ellipsis"
+                      class="MuiButtonBase-root-84 MuiTableSortLabel-root-95 ellipsis"
                       role="button"
                       tabindex="0"
-                      title="Sort"
+                      title="Cannot sort by this column"
                     >
-                      Start time
+                      Recurring Run
                       <svg
                         aria-hidden="true"
                         class="MuiSvgIcon-root-59 MuiTableSortLabel-icon-97 MuiTableSortLabel-iconDirectionDesc-98"
@@ -5451,170 +5508,755 @@ exports[`RunList reloads the run when refresh is called 1`] = `
               </Tooltip>
             </WithStyles(Tooltip)>
           </div>
-        </div>
-        <div
-          className="scrollContainer"
-          style={
-            Object {
-              "minHeight": 60,
-            }
-          }
-        >
           <div
-            className="emptyMessage"
-          >
-            No available runs found.
-          </div>
-        </div>
-        <div
-          className="footer"
-        >
-          <span
-            className=""
-          >
-            Rows per page:
-          </span>
-          <TextField
-            InputProps={
-              Object {
-                "disableUnderline": true,
-              }
-            }
-            className="rowsPerPage"
-            classes={
+            className="columnName"
+            key="6"
+            style={
               Object {
-                "root": "verticalAlignInitial",
+                "width": "16.666666666666664%",
               }
             }
-            onChange={[Function]}
-            required={false}
-            select={true}
-            value={10}
-            variant="standard"
           >
-            <WithStyles(FormControl)
-              className="rowsPerPage"
-              classes={
-                Object {
-                  "root": "verticalAlignInitial",
-                }
-              }
-              required={false}
-              variant="standard"
+            <WithStyles(Tooltip)
+              enterDelay={300}
+              title="Sort"
             >
-              <FormControl
-                className="rowsPerPage"
+              <Tooltip
+                TransitionComponent={[Function]}
                 classes={
                   Object {
-                    "fullWidth": "MuiFormControl-fullWidth-4",
-                    "marginDense": "MuiFormControl-marginDense-3",
-                    "marginNormal": "MuiFormControl-marginNormal-2",
-                    "root": "MuiFormControl-root-1 verticalAlignInitial",
+                    "popper": "MuiTooltip-popper-87",
+                    "popperInteractive": "MuiTooltip-popperInteractive-88",
+                    "tooltip": "MuiTooltip-tooltip-89",
+                    "tooltipPlacementBottom": "MuiTooltip-tooltipPlacementBottom-94",
+                    "tooltipPlacementLeft": "MuiTooltip-tooltipPlacementLeft-91",
+                    "tooltipPlacementRight": "MuiTooltip-tooltipPlacementRight-92",
+                    "tooltipPlacementTop": "MuiTooltip-tooltipPlacementTop-93",
+                    "touch": "MuiTooltip-touch-90",
                   }
                 }
-                component="div"
-                disabled={false}
-                error={false}
-                fullWidth={false}
-                margin="none"
-                required={false}
-                variant="standard"
-              >
-                <div
-                  className="MuiFormControl-root-1 verticalAlignInitial rowsPerPage"
-                >
-                  <WithStyles(WithFormControlContext(Select))
-                    input={
-                      <WithStyles(Input)
-                        autoComplete={undefined}
-                        autoFocus={undefined}
-                        defaultValue={undefined}
-                        disableUnderline={true}
-                        fullWidth={undefined}
-                        id={undefined}
-                        inputProps={undefined}
-                        inputRef={undefined}
-                        multiline={undefined}
-                        name={undefined}
-                        onBlur={undefined}
-                        onChange={[Function]}
-                        onFocus={undefined}
-                        placeholder={undefined}
-                        rows={undefined}
-                        rowsMax={undefined}
-                        type={undefined}
-                        value={10}
-                      />
-                    }
-                    value={10}
-                  >
-                    <WithFormControlContext(Select)
-                      classes={
-                        Object {
-                          "disabled": "MuiSelect-disabled-105",
-                          "filled": "MuiSelect-filled-102",
-                          "icon": "MuiSelect-icon-106",
-                          "outlined": "MuiSelect-outlined-103",
-                          "root": "MuiSelect-root-100",
-                          "select": "MuiSelect-select-101",
-                          "selectMenu": "MuiSelect-selectMenu-104",
-                        }
-                      }
-                      input={
-                        <WithStyles(Input)
-                          autoComplete={undefined}
-                          autoFocus={undefined}
-                          defaultValue={undefined}
-                          disableUnderline={true}
-                          fullWidth={undefined}
-                          id={undefined}
-                          inputProps={undefined}
-                          inputRef={undefined}
-                          multiline={undefined}
-                          name={undefined}
-                          onBlur={undefined}
-                          onChange={[Function]}
-                          onFocus={undefined}
-                          placeholder={undefined}
-                          rows={undefined}
-                          rowsMax={undefined}
-                          type={undefined}
-                          value={10}
-                        />
-                      }
-                      value={10}
-                    >
-                      <Select
-                        IconComponent={[Function]}
-                        autoWidth={false}
-                        classes={
-                          Object {
-                            "disabled": "MuiSelect-disabled-105",
-                            "filled": "MuiSelect-filled-102",
-                            "icon": "MuiSelect-icon-106",
-                            "outlined": "MuiSelect-outlined-103",
-                            "root": "MuiSelect-root-100",
-                            "select": "MuiSelect-select-101",
-                            "selectMenu": "MuiSelect-selectMenu-104",
-                          }
-                        }
-                        displayEmpty={false}
-                        input={
-                          <WithStyles(Input)
-                            autoComplete={undefined}
-                            autoFocus={undefined}
-                            defaultValue={undefined}
-                            disableUnderline={true}
-                            fullWidth={undefined}
-                            id={undefined}
-                            inputProps={undefined}
-                            inputRef={undefined}
-                            multiline={undefined}
-                            name={undefined}
-                            onBlur={undefined}
-                            onChange={[Function]}
-                            onFocus={undefined}
-                            placeholder={undefined}
+                disableFocusListener={false}
+                disableHoverListener={false}
+                disableTouchListener={false}
+                enterDelay={300}
+                enterTouchDelay={1000}
+                interactive={false}
+                leaveDelay={0}
+                leaveTouchDelay={1500}
+                placement="bottom"
+                theme={
+                  Object {
+                    "breakpoints": Object {
+                      "between": [Function],
+                      "down": [Function],
+                      "keys": Array [
+                        "xs",
+                        "sm",
+                        "md",
+                        "lg",
+                        "xl",
+                      ],
+                      "only": [Function],
+                      "up": [Function],
+                      "values": Object {
+                        "lg": 1280,
+                        "md": 960,
+                        "sm": 600,
+                        "xl": 1920,
+                        "xs": 0,
+                      },
+                      "width": [Function],
+                    },
+                    "direction": "ltr",
+                    "mixins": Object {
+                      "gutters": [Function],
+                      "toolbar": Object {
+                        "@media (min-width:0px) and (orientation: landscape)": Object {
+                          "minHeight": 48,
+                        },
+                        "@media (min-width:600px)": Object {
+                          "minHeight": 64,
+                        },
+                        "minHeight": 56,
+                      },
+                    },
+                    "overrides": Object {},
+                    "palette": Object {
+                      "action": Object {
+                        "active": "rgba(0, 0, 0, 0.54)",
+                        "disabled": "rgba(0, 0, 0, 0.26)",
+                        "disabledBackground": "rgba(0, 0, 0, 0.12)",
+                        "hover": "rgba(0, 0, 0, 0.08)",
+                        "hoverOpacity": 0.08,
+                        "selected": "rgba(0, 0, 0, 0.14)",
+                      },
+                      "augmentColor": [Function],
+                      "background": Object {
+                        "default": "#fafafa",
+                        "paper": "#fff",
+                      },
+                      "common": Object {
+                        "black": "#000",
+                        "white": "#fff",
+                      },
+                      "contrastThreshold": 3,
+                      "divider": "rgba(0, 0, 0, 0.12)",
+                      "error": Object {
+                        "contrastText": "#fff",
+                        "dark": "#d32f2f",
+                        "light": "#e57373",
+                        "main": "#f44336",
+                      },
+                      "getContrastText": [Function],
+                      "grey": Object {
+                        "100": "#f5f5f5",
+                        "200": "#eeeeee",
+                        "300": "#e0e0e0",
+                        "400": "#bdbdbd",
+                        "50": "#fafafa",
+                        "500": "#9e9e9e",
+                        "600": "#757575",
+                        "700": "#616161",
+                        "800": "#424242",
+                        "900": "#212121",
+                        "A100": "#d5d5d5",
+                        "A200": "#aaaaaa",
+                        "A400": "#303030",
+                        "A700": "#616161",
+                      },
+                      "primary": Object {
+                        "contrastText": "#fff",
+                        "dark": "#303f9f",
+                        "light": "#7986cb",
+                        "main": "#3f51b5",
+                      },
+                      "secondary": Object {
+                        "contrastText": "#fff",
+                        "dark": "#c51162",
+                        "light": "#ff4081",
+                        "main": "#f50057",
+                      },
+                      "text": Object {
+                        "disabled": "rgba(0, 0, 0, 0.38)",
+                        "hint": "rgba(0, 0, 0, 0.38)",
+                        "primary": "rgba(0, 0, 0, 0.87)",
+                        "secondary": "rgba(0, 0, 0, 0.54)",
+                      },
+                      "tonalOffset": 0.2,
+                      "type": "light",
+                    },
+                    "props": Object {},
+                    "shadows": Array [
+                      "none",
+                      "0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12)",
+                      "0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)",
+                      "0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)",
+                      "0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)",
+                      "0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)",
+                      "0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)",
+                      "0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)",
+                      "0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)",
+                      "0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)",
+                      "0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)",
+                      "0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)",
+                      "0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)",
+                      "0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)",
+                      "0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)",
+                      "0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)",
+                      "0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)",
+                      "0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)",
+                      "0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)",
+                      "0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)",
+                      "0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)",
+                      "0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)",
+                      "0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)",
+                      "0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)",
+                      "0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)",
+                    ],
+                    "shape": Object {
+                      "borderRadius": 4,
+                    },
+                    "spacing": Object {
+                      "unit": 8,
+                    },
+                    "transitions": Object {
+                      "create": [Function],
+                      "duration": Object {
+                        "complex": 375,
+                        "enteringScreen": 225,
+                        "leavingScreen": 195,
+                        "short": 250,
+                        "shorter": 200,
+                        "shortest": 150,
+                        "standard": 300,
+                      },
+                      "easing": Object {
+                        "easeIn": "cubic-bezier(0.4, 0, 1, 1)",
+                        "easeInOut": "cubic-bezier(0.4, 0, 0.2, 1)",
+                        "easeOut": "cubic-bezier(0.0, 0, 0.2, 1)",
+                        "sharp": "cubic-bezier(0.4, 0, 0.6, 1)",
+                      },
+                      "getAutoHeightDuration": [Function],
+                    },
+                    "typography": Object {
+                      "body1": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "0.875rem",
+                        "fontWeight": 400,
+                        "lineHeight": "1.46429em",
+                      },
+                      "body1Next": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "1rem",
+                        "fontWeight": 400,
+                        "letterSpacing": "0.00938em",
+                        "lineHeight": 1.5,
+                      },
+                      "body2": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "0.875rem",
+                        "fontWeight": 500,
+                        "lineHeight": "1.71429em",
+                      },
+                      "body2Next": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "0.875rem",
+                        "fontWeight": 400,
+                        "letterSpacing": "0.01071em",
+                        "lineHeight": 1.5,
+                      },
+                      "button": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "0.875rem",
+                        "fontWeight": 500,
+                        "textTransform": "uppercase",
+                      },
+                      "buttonNext": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "0.875rem",
+                        "fontWeight": 500,
+                        "letterSpacing": "0.02857em",
+                        "lineHeight": 1.5,
+                        "textTransform": "uppercase",
+                      },
+                      "caption": Object {
+                        "color": "rgba(0, 0, 0, 0.54)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "0.75rem",
+                        "fontWeight": 400,
+                        "lineHeight": "1.375em",
+                      },
+                      "captionNext": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "0.75rem",
+                        "fontWeight": 400,
+                        "letterSpacing": "0.03333em",
+                        "lineHeight": 1.66,
+                      },
+                      "display1": Object {
+                        "color": "rgba(0, 0, 0, 0.54)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "2.125rem",
+                        "fontWeight": 400,
+                        "lineHeight": "1.20588em",
+                      },
+                      "display2": Object {
+                        "color": "rgba(0, 0, 0, 0.54)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "2.8125rem",
+                        "fontWeight": 400,
+                        "lineHeight": "1.13333em",
+                        "marginLeft": "-.02em",
+                      },
+                      "display3": Object {
+                        "color": "rgba(0, 0, 0, 0.54)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "3.5rem",
+                        "fontWeight": 400,
+                        "letterSpacing": "-.02em",
+                        "lineHeight": "1.30357em",
+                        "marginLeft": "-.02em",
+                      },
+                      "display4": Object {
+                        "color": "rgba(0, 0, 0, 0.54)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "7rem",
+                        "fontWeight": 300,
+                        "letterSpacing": "-.04em",
+                        "lineHeight": "1.14286em",
+                        "marginLeft": "-.04em",
+                      },
+                      "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                      "fontSize": 14,
+                      "fontWeightLight": 300,
+                      "fontWeightMedium": 500,
+                      "fontWeightRegular": 400,
+                      "h1": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "6rem",
+                        "fontWeight": 300,
+                        "letterSpacing": "-0.01562em",
+                        "lineHeight": 1,
+                      },
+                      "h2": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "3.75rem",
+                        "fontWeight": 300,
+                        "letterSpacing": "-0.00833em",
+                        "lineHeight": 1,
+                      },
+                      "h3": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "3rem",
+                        "fontWeight": 400,
+                        "letterSpacing": "0em",
+                        "lineHeight": 1.04,
+                      },
+                      "h4": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "2.125rem",
+                        "fontWeight": 400,
+                        "letterSpacing": "0.00735em",
+                        "lineHeight": 1.17,
+                      },
+                      "h5": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "1.5rem",
+                        "fontWeight": 400,
+                        "letterSpacing": "0em",
+                        "lineHeight": 1.33,
+                      },
+                      "h6": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "1.25rem",
+                        "fontWeight": 500,
+                        "letterSpacing": "0.0075em",
+                        "lineHeight": 1.6,
+                      },
+                      "headline": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "1.5rem",
+                        "fontWeight": 400,
+                        "lineHeight": "1.35417em",
+                      },
+                      "overline": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "0.75rem",
+                        "fontWeight": 400,
+                        "letterSpacing": "0.08333em",
+                        "lineHeight": 2.66,
+                        "textTransform": "uppercase",
+                      },
+                      "pxToRem": [Function],
+                      "round": [Function],
+                      "subheading": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "1rem",
+                        "fontWeight": 400,
+                        "lineHeight": "1.5em",
+                      },
+                      "subtitle1": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "1rem",
+                        "fontWeight": 400,
+                        "letterSpacing": "0.00938em",
+                        "lineHeight": 1.75,
+                      },
+                      "subtitle2": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "0.875rem",
+                        "fontWeight": 500,
+                        "letterSpacing": "0.00714em",
+                        "lineHeight": 1.57,
+                      },
+                      "title": Object {
+                        "color": "rgba(0, 0, 0, 0.87)",
+                        "fontFamily": "\\"Roboto\\", \\"Helvetica\\", \\"Arial\\", sans-serif",
+                        "fontSize": "1.3125rem",
+                        "fontWeight": 500,
+                        "lineHeight": "1.16667em",
+                      },
+                      "useNextVariants": false,
+                    },
+                    "zIndex": Object {
+                      "appBar": 1100,
+                      "drawer": 1200,
+                      "mobileStepper": 1000,
+                      "modal": 1300,
+                      "snackbar": 1400,
+                      "tooltip": 1500,
+                    },
+                  }
+                }
+                title="Sort"
+              >
+                <RootRef
+                  rootRef={[Function]}
+                >
+                  <WithStyles(TableSortLabel)
+                    active={true}
+                    aria-describedby={null}
+                    className="ellipsis"
+                    direction="desc"
+                    onBlur={[Function]}
+                    onClick={[Function]}
+                    onFocus={[Function]}
+                    onMouseLeave={[Function]}
+                    onMouseOver={[Function]}
+                    onTouchEnd={[Function]}
+                    onTouchStart={[Function]}
+                    title="Sort"
+                  >
+                    <TableSortLabel
+                      IconComponent={[Function]}
+                      active={true}
+                      aria-describedby={null}
+                      className="ellipsis"
+                      classes={
+                        Object {
+                          "active": "MuiTableSortLabel-active-96",
+                          "icon": "MuiTableSortLabel-icon-97",
+                          "iconDirectionAsc": "MuiTableSortLabel-iconDirectionAsc-99",
+                          "iconDirectionDesc": "MuiTableSortLabel-iconDirectionDesc-98",
+                          "root": "MuiTableSortLabel-root-95",
+                        }
+                      }
+                      direction="desc"
+                      hideSortIcon={false}
+                      onBlur={[Function]}
+                      onClick={[Function]}
+                      onFocus={[Function]}
+                      onMouseLeave={[Function]}
+                      onMouseOver={[Function]}
+                      onTouchEnd={[Function]}
+                      onTouchStart={[Function]}
+                      title="Sort"
+                    >
+                      <WithStyles(ButtonBase)
+                        aria-describedby={null}
+                        className="MuiTableSortLabel-root-95 MuiTableSortLabel-active-96 ellipsis"
+                        component="span"
+                        disableRipple={true}
+                        onBlur={[Function]}
+                        onClick={[Function]}
+                        onFocus={[Function]}
+                        onMouseLeave={[Function]}
+                        onMouseOver={[Function]}
+                        onTouchEnd={[Function]}
+                        onTouchStart={[Function]}
+                        title="Sort"
+                      >
+                        <ButtonBase
+                          aria-describedby={null}
+                          centerRipple={false}
+                          className="MuiTableSortLabel-root-95 MuiTableSortLabel-active-96 ellipsis"
+                          classes={
+                            Object {
+                              "disabled": "MuiButtonBase-disabled-85",
+                              "focusVisible": "MuiButtonBase-focusVisible-86",
+                              "root": "MuiButtonBase-root-84",
+                            }
+                          }
+                          component="span"
+                          disableRipple={true}
+                          disableTouchRipple={false}
+                          focusRipple={false}
+                          onBlur={[Function]}
+                          onClick={[Function]}
+                          onFocus={[Function]}
+                          onMouseLeave={[Function]}
+                          onMouseOver={[Function]}
+                          onTouchEnd={[Function]}
+                          onTouchStart={[Function]}
+                          tabIndex="0"
+                          title="Sort"
+                          type="button"
+                        >
+                          <span
+                            aria-describedby={null}
+                            className="MuiButtonBase-root-84 MuiTableSortLabel-root-95 MuiTableSortLabel-active-96 ellipsis"
+                            onBlur={[Function]}
+                            onClick={[Function]}
+                            onContextMenu={[Function]}
+                            onFocus={[Function]}
+                            onKeyDown={[Function]}
+                            onKeyUp={[Function]}
+                            onMouseDown={[Function]}
+                            onMouseLeave={[Function]}
+                            onMouseOver={[Function]}
+                            onMouseUp={[Function]}
+                            onTouchEnd={[Function]}
+                            onTouchMove={[Function]}
+                            onTouchStart={[Function]}
+                            role="button"
+                            tabIndex="0"
+                            title="Sort"
+                          >
+                            Start time
+                            <pure(ArrowDownward)
+                              className="MuiTableSortLabel-icon-97 MuiTableSortLabel-iconDirectionDesc-98"
+                            >
+                              <ArrowDownward
+                                className="MuiTableSortLabel-icon-97 MuiTableSortLabel-iconDirectionDesc-98"
+                              >
+                                <WithStyles(SvgIcon)
+                                  className="MuiTableSortLabel-icon-97 MuiTableSortLabel-iconDirectionDesc-98"
+                                >
+                                  <SvgIcon
+                                    className="MuiTableSortLabel-icon-97 MuiTableSortLabel-iconDirectionDesc-98"
+                                    classes={
+                                      Object {
+                                        "colorAction": "MuiSvgIcon-colorAction-62",
+                                        "colorDisabled": "MuiSvgIcon-colorDisabled-64",
+                                        "colorError": "MuiSvgIcon-colorError-63",
+                                        "colorPrimary": "MuiSvgIcon-colorPrimary-60",
+                                        "colorSecondary": "MuiSvgIcon-colorSecondary-61",
+                                        "fontSizeInherit": "MuiSvgIcon-fontSizeInherit-65",
+                                        "fontSizeLarge": "MuiSvgIcon-fontSizeLarge-67",
+                                        "fontSizeSmall": "MuiSvgIcon-fontSizeSmall-66",
+                                        "root": "MuiSvgIcon-root-59",
+                                      }
+                                    }
+                                    color="inherit"
+                                    component="svg"
+                                    fontSize="default"
+                                    viewBox="0 0 24 24"
+                                  >
+                                    <svg
+                                      aria-hidden="true"
+                                      className="MuiSvgIcon-root-59 MuiTableSortLabel-icon-97 MuiTableSortLabel-iconDirectionDesc-98"
+                                      focusable="false"
+                                      role="presentation"
+                                      viewBox="0 0 24 24"
+                                    >
+                                      <path
+                                        d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
+                                      />
+                                    </svg>
+                                  </SvgIcon>
+                                </WithStyles(SvgIcon)>
+                              </ArrowDownward>
+                            </pure(ArrowDownward)>
+                          </span>
+                        </ButtonBase>
+                      </WithStyles(ButtonBase)>
+                    </TableSortLabel>
+                  </WithStyles(TableSortLabel)>
+                </RootRef>
+                <Popper
+                  anchorEl={
+                    <span
+                      class="MuiButtonBase-root-84 MuiTableSortLabel-root-95 MuiTableSortLabel-active-96 ellipsis"
+                      role="button"
+                      tabindex="0"
+                      title="Sort"
+                    >
+                      Start time
+                      <svg
+                        aria-hidden="true"
+                        class="MuiSvgIcon-root-59 MuiTableSortLabel-icon-97 MuiTableSortLabel-iconDirectionDesc-98"
+                        focusable="false"
+                        role="presentation"
+                        viewBox="0 0 24 24"
+                      >
+                        <path
+                          d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
+                        />
+                      </svg>
+                    </span>
+                  }
+                  className="MuiTooltip-popper-87"
+                  disablePortal={false}
+                  id={null}
+                  open={false}
+                  placement="bottom"
+                  transition={true}
+                />
+              </Tooltip>
+            </WithStyles(Tooltip)>
+          </div>
+        </div>
+        <div
+          className="scrollContainer"
+          style={
+            Object {
+              "minHeight": 60,
+            }
+          }
+        >
+          <div
+            className="emptyMessage"
+          >
+            No available runs found.
+          </div>
+        </div>
+        <div
+          className="footer"
+        >
+          <span
+            className=""
+          >
+            Rows per page:
+          </span>
+          <TextField
+            InputProps={
+              Object {
+                "disableUnderline": true,
+              }
+            }
+            className="rowsPerPage"
+            classes={
+              Object {
+                "root": "verticalAlignInitial",
+              }
+            }
+            onChange={[Function]}
+            required={false}
+            select={true}
+            value={10}
+            variant="standard"
+          >
+            <WithStyles(FormControl)
+              className="rowsPerPage"
+              classes={
+                Object {
+                  "root": "verticalAlignInitial",
+                }
+              }
+              required={false}
+              variant="standard"
+            >
+              <FormControl
+                className="rowsPerPage"
+                classes={
+                  Object {
+                    "fullWidth": "MuiFormControl-fullWidth-4",
+                    "marginDense": "MuiFormControl-marginDense-3",
+                    "marginNormal": "MuiFormControl-marginNormal-2",
+                    "root": "MuiFormControl-root-1 verticalAlignInitial",
+                  }
+                }
+                component="div"
+                disabled={false}
+                error={false}
+                fullWidth={false}
+                margin="none"
+                required={false}
+                variant="standard"
+              >
+                <div
+                  className="MuiFormControl-root-1 verticalAlignInitial rowsPerPage"
+                >
+                  <WithStyles(WithFormControlContext(Select))
+                    input={
+                      <WithStyles(Input)
+                        autoComplete={undefined}
+                        autoFocus={undefined}
+                        defaultValue={undefined}
+                        disableUnderline={true}
+                        fullWidth={undefined}
+                        id={undefined}
+                        inputProps={undefined}
+                        inputRef={undefined}
+                        multiline={undefined}
+                        name={undefined}
+                        onBlur={undefined}
+                        onChange={[Function]}
+                        onFocus={undefined}
+                        placeholder={undefined}
+                        rows={undefined}
+                        rowsMax={undefined}
+                        type={undefined}
+                        value={10}
+                      />
+                    }
+                    value={10}
+                  >
+                    <WithFormControlContext(Select)
+                      classes={
+                        Object {
+                          "disabled": "MuiSelect-disabled-105",
+                          "filled": "MuiSelect-filled-102",
+                          "icon": "MuiSelect-icon-106",
+                          "outlined": "MuiSelect-outlined-103",
+                          "root": "MuiSelect-root-100",
+                          "select": "MuiSelect-select-101",
+                          "selectMenu": "MuiSelect-selectMenu-104",
+                        }
+                      }
+                      input={
+                        <WithStyles(Input)
+                          autoComplete={undefined}
+                          autoFocus={undefined}
+                          defaultValue={undefined}
+                          disableUnderline={true}
+                          fullWidth={undefined}
+                          id={undefined}
+                          inputProps={undefined}
+                          inputRef={undefined}
+                          multiline={undefined}
+                          name={undefined}
+                          onBlur={undefined}
+                          onChange={[Function]}
+                          onFocus={undefined}
+                          placeholder={undefined}
+                          rows={undefined}
+                          rowsMax={undefined}
+                          type={undefined}
+                          value={10}
+                        />
+                      }
+                      value={10}
+                    >
+                      <Select
+                        IconComponent={[Function]}
+                        autoWidth={false}
+                        classes={
+                          Object {
+                            "disabled": "MuiSelect-disabled-105",
+                            "filled": "MuiSelect-filled-102",
+                            "icon": "MuiSelect-icon-106",
+                            "outlined": "MuiSelect-outlined-103",
+                            "root": "MuiSelect-root-100",
+                            "select": "MuiSelect-select-101",
+                            "selectMenu": "MuiSelect-selectMenu-104",
+                          }
+                        }
+                        displayEmpty={false}
+                        input={
+                          <WithStyles(Input)
+                            autoComplete={undefined}
+                            autoFocus={undefined}
+                            defaultValue={undefined}
+                            disableUnderline={true}
+                            fullWidth={undefined}
+                            id={undefined}
+                            inputProps={undefined}
+                            inputRef={undefined}
+                            multiline={undefined}
+                            name={undefined}
+                            onBlur={undefined}
+                            onChange={[Function]}
+                            onFocus={undefined}
+                            placeholder={undefined}
                             rows={undefined}
                             rowsMax={undefined}
                             type={undefined}
@@ -6983,6 +7625,17 @@ exports[`RunList renders pipeline name as link to its details page 1`] = `
 </Link>
 `;
 
+exports[`RunList renders pipeline name as link to its details page 2`] = `
+<Link
+  className="link"
+  onClick={[Function]}
+  replace={false}
+  to="/recurringrun/details/recurring-run-id"
+>
+  [View config]
+</Link>
+`;
+
 exports[`RunList renders raw metric 1`] = `
 <Metric
   metadata={
@@ -7048,7 +7701,7 @@ exports[`RunList renders the empty experience 1`] = `
       Array [
         Object {
           "customRenderer": [Function],
-          "flex": 2,
+          "flex": 1.5,
           "label": "Run name",
           "sortKey": "name",
         },
@@ -7071,6 +7724,11 @@ exports[`RunList renders the empty experience 1`] = `
           "flex": 1,
           "label": "Pipeline",
         },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
         Object {
           "flex": 1,
           "label": "Start time",
@@ -7105,7 +7763,7 @@ exports[`RunList shows experiment name 1`] = `
       Array [
         Object {
           "customRenderer": [Function],
-          "flex": 2,
+          "flex": 1.5,
           "label": "Run name",
           "sortKey": "name",
         },
@@ -7128,6 +7786,11 @@ exports[`RunList shows experiment name 1`] = `
           "flex": 1,
           "label": "Pipeline",
         },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
         Object {
           "flex": 1,
           "label": "Start time",
@@ -7153,6 +7816,77 @@ exports[`RunList shows experiment name 1`] = `
               "id": "test-experiment-id",
             },
             undefined,
+            undefined,
+            "-",
+          ],
+        },
+      ]
+    }
+  />
+</div>
+`;
+
+exports[`RunList shows link to recurring run config 1`] = `
+<div>
+  <CustomTable
+    columns={
+      Array [
+        Object {
+          "customRenderer": [Function],
+          "flex": 1.5,
+          "label": "Run name",
+          "sortKey": "name",
+        },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Status",
+        },
+        Object {
+          "flex": 0.5,
+          "label": "Duration",
+        },
+        Object {
+          "customRenderer": [Function],
+          "flex": 1,
+          "label": "Experiment",
+        },
+        Object {
+          "customRenderer": [Function],
+          "flex": 1,
+          "label": "Pipeline",
+        },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
+        Object {
+          "flex": 1,
+          "label": "Start time",
+          "sortKey": "created_at",
+        },
+      ]
+    }
+    emptyMessage="No available runs found."
+    filterLabel="Filter runs"
+    initialSortColumn="created_at"
+    reload={[Function]}
+    rows={
+      Array [
+        Object {
+          "error": undefined,
+          "id": "testrun1",
+          "otherFields": Array [
+            "run with id: testrun1",
+            "-",
+            "-",
+            undefined,
+            undefined,
+            Object {
+              "displayName": "test-recurring-run-id",
+              "id": "test-recurring-run-id",
+            },
             "-",
           ],
         },
@@ -7169,7 +7903,7 @@ exports[`RunList shows pipeline name 1`] = `
       Array [
         Object {
           "customRenderer": [Function],
-          "flex": 2,
+          "flex": 1.5,
           "label": "Run name",
           "sortKey": "name",
         },
@@ -7192,6 +7926,11 @@ exports[`RunList shows pipeline name 1`] = `
           "flex": 1,
           "label": "Pipeline",
         },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
         Object {
           "flex": 1,
           "label": "Start time",
@@ -7218,6 +7957,7 @@ exports[`RunList shows pipeline name 1`] = `
               "id": "test-pipeline-id",
               "showLink": false,
             },
+            undefined,
             "-",
           ],
         },
@@ -7234,7 +7974,7 @@ exports[`RunList shows run time for each run 1`] = `
       Array [
         Object {
           "customRenderer": [Function],
-          "flex": 2,
+          "flex": 1.5,
           "label": "Run name",
           "sortKey": "name",
         },
@@ -7257,6 +7997,11 @@ exports[`RunList shows run time for each run 1`] = `
           "flex": 1,
           "label": "Pipeline",
         },
+        Object {
+          "customRenderer": [Function],
+          "flex": 0.5,
+          "label": "Recurring Run",
+        },
         Object {
           "flex": 1,
           "label": "Start time",
@@ -7279,6 +8024,7 @@ exports[`RunList shows run time for each run 1`] = `
             "1:01:01",
             undefined,
             undefined,
+            undefined,
             "1/2/2019, 12:34:56 PM",
           ],
         },