diff --git a/frontend/src/concepts/pipelines/apiHooks/mlmd/useGetArtifactsByRuns.ts b/frontend/src/concepts/pipelines/apiHooks/mlmd/useGetArtifactsByRuns.ts
new file mode 100644
index 0000000000..6ec4d43ca2
--- /dev/null
+++ b/frontend/src/concepts/pipelines/apiHooks/mlmd/useGetArtifactsByRuns.ts
@@ -0,0 +1,43 @@
+import React from 'react';
+
+import { Artifact } from '~/third_party/mlmd';
+import { GetArtifactsByContextRequest } from '~/third_party/mlmd/generated/ml_metadata/proto/metadata_store_service_pb';
+import useFetchState, { FetchState, FetchStateCallbackPromise } from '~/utilities/useFetchState';
+import { usePipelinesAPI } from '~/concepts/pipelines/context';
+import { PipelineRunKFv2 } from '~/concepts/pipelines/kfTypes';
+import { MlmdContextTypes } from './types';
+import { getMlmdContext } from './useMlmdContext';
+
+export const useGetArtifactsByRuns = (
+  runs: PipelineRunKFv2[],
+): FetchState<Record<string, Artifact[]>[]> => {
+  const { metadataStoreServiceClient } = usePipelinesAPI();
+
+  const call = React.useCallback<FetchStateCallbackPromise<Record<string, Artifact[]>[]>>(
+    () =>
+      Promise.all(
+        runs.map((run) =>
+          getMlmdContext(metadataStoreServiceClient, run.run_id, MlmdContextTypes.RUN).then(
+            async (context) => {
+              if (!context) {
+                throw new Error(`No context for run: ${run.run_id}`);
+              }
+
+              const request = new GetArtifactsByContextRequest();
+              request.setContextId(context.getId());
+
+              const response = await metadataStoreServiceClient.getArtifactsByContext(request);
+              const artifacts = response.getArtifactsList();
+
+              return {
+                [run.run_id]: artifacts,
+              };
+            },
+          ),
+        ),
+      ),
+    [metadataStoreServiceClient, runs],
+  );
+
+  return useFetchState(call, []);
+};
diff --git a/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/artifacts/ArtifactVisualization.tsx b/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/artifacts/ArtifactVisualization.tsx
index b22888a9c6..da3fe2d895 100644
--- a/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/artifacts/ArtifactVisualization.tsx
+++ b/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/artifacts/ArtifactVisualization.tsx
@@ -23,6 +23,7 @@ import ROCCurve from '~/concepts/pipelines/content/artifacts/charts/ROCCurve';
 import ConfusionMatrix from '~/concepts/pipelines/content/artifacts/charts/confusionMatrix/ConfusionMatrix';
 import { buildConfusionMatrixConfig } from '~/concepts/pipelines/content/artifacts/charts/confusionMatrix/utils';
 import { isConfusionMatrix } from '~/concepts/pipelines/content/compareRuns/metricsSection/confusionMatrix/utils';
+import { getScalarMetrics } from './utils';
 
 interface ArtifactVisualizationProps {
   artifact: Artifact;
@@ -69,24 +70,7 @@ export const ArtifactVisualization: React.FC<ArtifactVisualizationProps> = ({ ar
   }
 
   if (artifactType === ArtifactType.METRICS) {
-    const scalarMetrics = artifact
-      .toObject()
-      .customPropertiesMap.reduce(
-        (
-          acc: { name: string; value: string }[],
-          [customPropKey, { stringValue, intValue, doubleValue, boolValue }],
-        ) => {
-          if (customPropKey !== 'display_name') {
-            acc.push({
-              name: customPropKey,
-              value: stringValue || (intValue || doubleValue || boolValue).toString(),
-            });
-          }
-
-          return acc;
-        },
-        [],
-      );
+    const scalarMetrics = getScalarMetrics(artifact);
 
     return (
       <Stack className="pf-v5-u-pt-lg pf-v5-u-pb-lg">
diff --git a/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/artifacts/utils.ts b/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/artifacts/utils.ts
new file mode 100644
index 0000000000..baef16b6a1
--- /dev/null
+++ b/frontend/src/concepts/pipelines/content/pipelinesDetails/pipelineRun/artifacts/utils.ts
@@ -0,0 +1,26 @@
+import { Artifact } from '~/third_party/mlmd';
+
+export interface ScalarMetrics {
+  name: string;
+  value: string;
+}
+
+export const getScalarMetrics = (artifact: Artifact): ScalarMetrics[] =>
+  artifact
+    .toObject()
+    .customPropertiesMap.reduce(
+      (
+        acc: { name: string; value: string }[],
+        [customPropKey, { stringValue, intValue, doubleValue, boolValue }],
+      ) => {
+        if (customPropKey !== 'display_name') {
+          acc.push({
+            name: customPropKey,
+            value: stringValue || (intValue || doubleValue || boolValue).toString(),
+          });
+        }
+
+        return acc;
+      },
+      [],
+    );
diff --git a/frontend/src/concepts/pipelines/content/tables/pipelineRun/CustomMetricsColumnsModal.tsx b/frontend/src/concepts/pipelines/content/tables/pipelineRun/CustomMetricsColumnsModal.tsx
new file mode 100644
index 0000000000..09020a29c5
--- /dev/null
+++ b/frontend/src/concepts/pipelines/content/tables/pipelineRun/CustomMetricsColumnsModal.tsx
@@ -0,0 +1,182 @@
+import React from 'react';
+import {
+  Button,
+  Checkbox,
+  DataListDragButton,
+  DragDrop,
+  Draggable,
+  DraggableItemPosition,
+  Droppable,
+  Flex,
+  FlexItem,
+  Label,
+  Modal,
+  ModalBoxBody,
+  ModalVariant,
+  Stack,
+  StackItem,
+  Tooltip,
+} from '@patternfly/react-core';
+import { getMetricsColumnsLocalStorageKey } from './utils';
+
+interface MetricsColumn {
+  id: string;
+  checked: boolean;
+}
+
+interface CustomMetricsColumnsModalProps {
+  columns: MetricsColumn[];
+  experimentId: string | undefined;
+  onClose: () => void;
+}
+
+export const CustomMetricsColumnsModal: React.FC<CustomMetricsColumnsModalProps> = ({
+  onClose,
+  experimentId,
+  ...props
+}) => {
+  const [columns, setColumns] = React.useState(props.columns);
+  const [dragDropText, setDragDropText] = React.useState('');
+  const metricsColumnsLocalStorageKey = getMetricsColumnsLocalStorageKey(experimentId ?? '');
+  const selectedColumns = Object.values(columns).reduce((acc: string[], column) => {
+    if (column.checked) {
+      acc.push(column.id);
+    }
+    return acc;
+  }, []);
+
+  const onDrag = React.useCallback(
+    (source: DraggableItemPosition) => {
+      setDragDropText(`Started dragging ${columns[source.index].id}`);
+
+      return true;
+    },
+    [columns],
+  );
+
+  const onDragMove = React.useCallback(
+    (source: DraggableItemPosition, dest?: DraggableItemPosition | undefined) => {
+      const newDragDropText = dest
+        ? `Move ${columns[source.index].id} to ${columns[dest.index].id}`
+        : 'Invalid drop zone';
+
+      if (newDragDropText !== dragDropText) {
+        setDragDropText(newDragDropText);
+      }
+    },
+    [columns, dragDropText],
+  );
+
+  const onDrop = React.useCallback(
+    (source: DraggableItemPosition, dest?: DraggableItemPosition | undefined) => {
+      if (dest) {
+        const reorderedColumns = columns;
+        const [removedColumns] = reorderedColumns.splice(source.index, 1);
+        reorderedColumns.splice(dest.index, 0, removedColumns);
+
+        setColumns(reorderedColumns);
+        setDragDropText('Dragging finished.');
+
+        return true;
+      }
+
+      return false;
+    },
+    [columns],
+  );
+
+  const onUpdate = React.useCallback(() => {
+    localStorage.removeItem(metricsColumnsLocalStorageKey);
+    localStorage.setItem(metricsColumnsLocalStorageKey, JSON.stringify(selectedColumns));
+
+    onClose();
+  }, [metricsColumnsLocalStorageKey, onClose, selectedColumns]);
+
+  return (
+    <Modal
+      bodyAriaLabel="Metrics column names"
+      tabIndex={0}
+      hasNoBodyWrapper
+      aria-label="Custom metrics columns modal"
+      variant={ModalVariant.small}
+      height="fit-content"
+      title="Customize metrics columns"
+      description={
+        <Stack hasGutter className="pf-v5-u-pb-md">
+          <StackItem className="pf-v5-u-mt-sm">
+            Select up to 10 metrics that will display as columns in the table. Drag and drop column
+            names to reorder them.
+          </StackItem>
+          <StackItem>
+            <Label>
+              {selectedColumns.length} / total {columns.length} selected
+            </Label>
+          </StackItem>
+        </Stack>
+      }
+      isOpen
+      onClose={onClose}
+      actions={[
+        <Button key="update" variant="primary" onClick={onUpdate}>
+          Update
+        </Button>,
+        <Button key="cancel" variant="link" onClick={onClose}>
+          Cancel
+        </Button>,
+      ]}
+    >
+      <ModalBoxBody className="pf-v5-u-pt-0">
+        <DragDrop onDrag={onDrag} onDragMove={onDragMove} onDrop={onDrop}>
+          <Droppable className="pf-v5-u-pt-sm pf-v5-u-pb-sm">
+            {columns.map(({ id, checked }) => {
+              const columnCheckbox = (
+                <Checkbox
+                  id={id}
+                  isChecked={checked}
+                  isDisabled={selectedColumns.length === 10 && !checked}
+                  onChange={(_, isChecked) =>
+                    setColumns((prevColumns) =>
+                      prevColumns.map((prevColumn) => {
+                        if (prevColumn.id === id) {
+                          return { id, checked: isChecked };
+                        }
+
+                        return prevColumn;
+                      }),
+                    )
+                  }
+                />
+              );
+
+              return (
+                <Draggable key={id} className="pf-v5-u-p-sm">
+                  <Flex
+                    alignItems={{ default: 'alignItemsCenter' }}
+                    flexWrap={{ default: 'nowrap' }}
+                  >
+                    <DataListDragButton
+                      aria-label="Reorder"
+                      aria-labelledby={`draggable-${id}`}
+                      aria-describedby={`description-${id}`}
+                      aria-pressed="false"
+                    />
+                    <FlexItem spacer={{ default: 'spacerSm' }}>
+                      {selectedColumns.length === 10 && !checked ? (
+                        <Tooltip content="Maximum metrics selected. To view values of all metrics, go to the Compare runs page.">
+                          {columnCheckbox}
+                        </Tooltip>
+                      ) : (
+                        columnCheckbox
+                      )}
+                    </FlexItem>
+                    <FlexItem>{id}</FlexItem>
+                  </Flex>
+                </Draggable>
+              );
+            })}
+          </Droppable>
+        </DragDrop>
+      </ModalBoxBody>
+    </Modal>
+  );
+};
diff --git a/frontend/src/concepts/pipelines/content/tables/pipelineRun/PipelineRunTable.tsx b/frontend/src/concepts/pipelines/content/tables/pipelineRun/PipelineRunTable.tsx
index 57bf1e6f7f..faf81911e4 100644
--- a/frontend/src/concepts/pipelines/content/tables/pipelineRun/PipelineRunTable.tsx
+++ b/frontend/src/concepts/pipelines/content/tables/pipelineRun/PipelineRunTable.tsx
@@ -1,10 +1,12 @@
 import React from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 
-import { Button, Tooltip } from '@patternfly/react-core';
-import { TableVariant } from '@patternfly/react-table';
+import { Button, Skeleton, Tooltip } from '@patternfly/react-core';
+import { TableVariant, Td } from '@patternfly/react-table';
+import { ColumnsIcon } from '@patternfly/react-icons';
+
 import { TableBase, getTableColumnSort, useCheckboxTable } from '~/components/table';
-import { PipelineRunKFv2 } from '~/concepts/pipelines/kfTypes';
+import { ArtifactType, PipelineRunKFv2 } from '~/concepts/pipelines/kfTypes';
 import { pipelineRunColumns } from '~/concepts/pipelines/content/tables/columns';
 import PipelineRunTableRow from '~/concepts/pipelines/content/tables/pipelineRun/PipelineRunTableRow';
 import DashboardEmptyTableView from '~/concepts/dashboard/DashboardEmptyTableView';
@@ -21,6 +23,13 @@ import { useSetVersionFilter } from '~/concepts/pipelines/content/tables/useSetV
 import { createRunRoute, experimentsCompareRunsRoute } from '~/routes';
 import { SupportedArea, useIsAreaAvailable } from '~/concepts/areas';
 import { useContextExperimentArchived } from '~/pages/pipelines/global/experiments/ExperimentRunsContext';
+import {
+  ScalarMetrics,
+  getScalarMetrics,
+} from '~/concepts/pipelines/content/pipelinesDetails/pipelineRun/artifacts/utils';
+import { useGetArtifactsByRuns } from '~/concepts/pipelines/apiHooks/mlmd/useGetArtifactsByRuns';
+import { CustomMetricsColumnsModal } from './CustomMetricsColumnsModal';
+import { getMetricsColumnsLocalStorageKey } from './utils';
 
 type PipelineRunTableProps = {
   runs: PipelineRunKFv2[];
@@ -38,13 +47,23 @@ type PipelineRunTableProps = {
   runType: PipelineRunType.ACTIVE | PipelineRunType.ARCHIVED;
 };
 
-const PipelineRunTable: React.FC<PipelineRunTableProps> = ({
+interface PipelineRunTableInternalProps extends Omit<PipelineRunTableProps, 'runs'> {
+  runs: (PipelineRunKFv2 & { metrics: ScalarMetrics[] })[];
+  artifactsLoaded: boolean;
+  artifactsError: Error | undefined;
+  metricsNames: Set<string>;
+}
+
+const PipelineRunTableInternal: React.FC<PipelineRunTableInternalProps> = ({
   runs,
   loading,
   totalSize,
   page,
   pageSize,
   runType,
+  metricsNames,
+  artifactsLoaded,
+  artifactsError,
   setPage,
   setPageSize,
   setFilter,
@@ -65,6 +84,7 @@ const PipelineRunTable: React.FC<PipelineRunTableProps> = ({
   const [isDeleteModalOpen, setIsDeleteModalOpen] = React.useState(false);
   const [isArchiveModalOpen, setIsArchiveModalOpen] = React.useState(false);
   const [isRestoreModalOpen, setIsRestoreModalOpen] = React.useState(false);
+  const [isCustomColModalOpen, setIsCustomColModalOpen] = React.useState(false);
   const selectedRuns = selectedIds.reduce((acc: PipelineRunKFv2[], selectedId) => {
     const selectedRun = runs.find((run) => run.run_id === selectedId);
 
@@ -74,6 +94,23 @@ const PipelineRunTable: React.FC<PipelineRunTableProps> = ({
 
     return acc;
   }, []);
+  const isExperimentsEnabled = isExperimentsAvailable && experimentId;
+
+  const metricsColumnsLocalStorageKey = localStorage.getItem(
+    getMetricsColumnsLocalStorageKey(experimentId ?? ''),
+  );
+  const metricsColumns = metricsColumnsLocalStorageKey
+    ? JSON.parse(metricsColumnsLocalStorageKey)
+    : [];
+  const runColumnsWithMetrics = [
+    ...pipelineRunColumns.filter((column) => column.field !== 'experiment').slice(0, -1),
+    ...metricsColumns.map((metricName: string) => ({
+      label: metricName,
+      field: metricName,
+      sortable: false,
+    })),
+    pipelineRunColumns[pipelineRunColumns.length - 1],
+  ];
 
   const restoreButtonTooltipRef = React.useRef(null);
   const isExperimentArchived = useContextExperimentArchived();
@@ -125,7 +162,7 @@ const PipelineRunTable: React.FC<PipelineRunTableProps> = ({
   ]);
 
   const compareRunsAction =
-    isExperimentsAvailable && experimentId && !isExperimentArchived ? (
+    isExperimentsEnabled && !isExperimentArchived ? (
       <Tooltip content="Select up to 10 runs to compare.">
         <Button
           key="compare-runs"
@@ -184,11 +221,7 @@ const PipelineRunTable: React.FC<PipelineRunTableProps> = ({
         onPerPageSelect={(_, newSize) => setPageSize(newSize)}
         itemCount={totalSize}
         data={runs}
-        columns={
-          isExperimentsAvailable && experimentId
-            ? pipelineRunColumns.filter((column) => column.field !== 'experiment')
-            : pipelineRunColumns
-        }
+        columns={isExperimentsEnabled ? runColumnsWithMetrics : pipelineRunColumns}
         enablePagination="compact"
         emptyTableView={
           <DashboardEmptyTableView onClearFilters={filterToolbarProps.onClearFilters} />
@@ -201,6 +234,21 @@ const PipelineRunTable: React.FC<PipelineRunTableProps> = ({
               primaryToolbarAction,
               ...(compareRunsAction ? [compareRunsAction] : []),
               toolbarDropdownAction,
+              isExperimentsEnabled
+                ? [
+                    <Tooltip key="custom-metrics-columns" content="Customize metrics columns">
+                      <Button
+                        variant="plain"
+                        aria-label="Customize metrics column button"
+                        isDisabled={
+                          !artifactsLoaded || !(metricsColumns.length || metricsNames.size)
+                        }
+                        onClick={() => setIsCustomColModalOpen(true)}
+                        icon={<ColumnsIcon />}
+                      />
+                    </Tooltip>,
+                  ]
+                : [],
             ]}
           />
         }
@@ -216,11 +264,23 @@ const PipelineRunTable: React.FC<PipelineRunTableProps> = ({
               setIsDeleteModalOpen(true);
             }}
             run={run}
-            hasExperiments={!(isExperimentsAvailable && experimentId)}
+            hasExperiments={!isExperimentsEnabled}
+            customCells={metricsColumns.map((metricName: string) => (
+              <Td key={metricName} dataLabel={metricName}>
+                {!artifactsLoaded && !artifactsError ? (
+                  <Skeleton />
+                ) : (
+                  run.metrics.find((metric) => metric.name === metricName)?.value ?? '-'
+                )}
+              </Td>
+            ))}
           />
         )}
         variant={TableVariant.compact}
-        getColumnSort={getTableColumnSort({ columns: pipelineRunColumns, ...tableProps })}
+        getColumnSort={getTableColumnSort({
+          columns: isExperimentsEnabled ? runColumnsWithMetrics : pipelineRunColumns,
+          ...tableProps,
+        })}
         data-testid={`${runType}-runs-table`}
         id={`${runType}-runs-table`}
       />
@@ -253,8 +313,55 @@ const PipelineRunTable: React.FC<PipelineRunTableProps> = ({
           }}
         />
       )}
+      {isCustomColModalOpen && (
+        <CustomMetricsColumnsModal
+          key={metricsNames.size}
+          experimentId={experimentId}
+          columns={[...new Set([...metricsColumns, ...metricsNames])].map((metricName) => ({
+            id: metricName,
+            checked: metricsColumns.includes(metricName),
+          }))}
+          onClose={() => setIsCustomColModalOpen(false)}
+        />
+      )}
     </>
   );
 };
 
+const PipelineRunTable: React.FC<PipelineRunTableProps> = ({ runs, page, ...props }) => {
+  const [runArtifacts, runArtifactsLoaded, runArtifactsError] = useGetArtifactsByRuns(runs);
+  const metricsNames = new Set<string>();
+
+  const runsWithMetrics = runs.map((run) => ({
+    ...run,
+    metrics: runArtifacts.reduce((acc: ScalarMetrics[], runArtifactseMap) => {
+      const artifacts = Object.entries(runArtifactseMap).find(
+        ([runId]) => run.run_id === runId,
+      )?.[1];
+
+      artifacts?.forEach((artifact) => {
+        if (artifact.getType() === ArtifactType.METRICS) {
+          const scalarMetrics = getScalarMetrics(artifact);
+
+          scalarMetrics.map((scalarMetric) => metricsNames.add(scalarMetric.name));
+          acc.push(...scalarMetrics);
+        }
+      });
+
+      return acc;
+    }, []),
+  }));
+
+  return (
+    <PipelineRunTableInternal
+      runs={runsWithMetrics}
+      page={page}
+      metricsNames={metricsNames}
+      artifactsLoaded={runArtifactsLoaded}
+      artifactsError={runArtifactsError}
+      {...props}
+    />
+  );
+};
+
 export default PipelineRunTable;
diff --git a/frontend/src/concepts/pipelines/content/tables/pipelineRun/PipelineRunTableRow.tsx b/frontend/src/concepts/pipelines/content/tables/pipelineRun/PipelineRunTableRow.tsx
index 0569ffaa88..9bf7892e8a 100644
--- a/frontend/src/concepts/pipelines/content/tables/pipelineRun/PipelineRunTableRow.tsx
+++ b/frontend/src/concepts/pipelines/content/tables/pipelineRun/PipelineRunTableRow.tsx
@@ -27,6 +27,7 @@ type PipelineRunTableRowProps = {
   checkboxProps: Omit<React.ComponentProps<typeof CheckboxTd>, 'id'>;
   onDelete?: () => void;
   run: PipelineRunKFv2;
+  customCells?: React.ReactNode;
   hasExperiments?: boolean;
   hasRowActions?: boolean;
 };
@@ -35,6 +36,7 @@ const PipelineRunTableRow: React.FC<PipelineRunTableRowProps> = ({
   hasRowActions = true,
   hasExperiments = true,
   checkboxProps,
+  customCells,
   onDelete,
   run,
 }) => {
@@ -144,6 +146,7 @@ const PipelineRunTableRow: React.FC<PipelineRunTableRowProps> = ({
       <Td dataLabel="Status">
         <RunStatus justIcon run={run} />
       </Td>
+      {customCells}
       {hasRowActions && (
         <Td isActionCell dataLabel="Kebab">
           <ActionsColumn items={actions} />
diff --git a/frontend/src/concepts/pipelines/content/tables/pipelineRun/utils.ts b/frontend/src/concepts/pipelines/content/tables/pipelineRun/utils.ts
new file mode 100644
index 0000000000..f18b016c88
--- /dev/null
+++ b/frontend/src/concepts/pipelines/content/tables/pipelineRun/utils.ts
@@ -0,0 +1,3 @@
+export function getMetricsColumnsLocalStorageKey(experimentId: string): string {
+  return `metrics-columns-${experimentId}`;
+}