diff --git a/esp/src/src-react/components/Metrics.tsx b/esp/src/src-react/components/Metrics.tsx
index ee05e3055e3..03f1e4d3a72 100644
--- a/esp/src/src-react/components/Metrics.tsx
+++ b/esp/src/src-react/components/Metrics.tsx
@@ -450,6 +450,7 @@ export const Metrics: React.FunctionComponent<MetricsProps> = ({
     const propsTable2 = useConst(() => new Table()
         .columns([nlsHPCC.Property, nlsHPCC.Value])
         .columnWidth("auto")
+        .sortable(true)
     );
 
     const updatePropsTable2 = React.useCallback((selection: IScope[]) => {
diff --git a/esp/src/src-react/components/MetricsPropertiesTables.tsx b/esp/src/src-react/components/MetricsPropertiesTables.tsx
index 470516b55f7..83d8a894cff 100644
--- a/esp/src/src-react/components/MetricsPropertiesTables.tsx
+++ b/esp/src/src-react/components/MetricsPropertiesTables.tsx
@@ -23,6 +23,7 @@ export const MetricsPropertiesTables: React.FunctionComponent<MetricsPropertiesT
     const propsTable = useConst(() => new Table()
         .columns([nlsHPCC.Property, nlsHPCC.Value, "Avg", "Min", "Max", "Delta", "StdDev", "SkewMin", "SkewMax", "NodeMin", "NodeMax"])
         .columnWidth("auto")
+        .sortable(true)
     );
 
     React.useEffect(() => {