diff --git a/frontend/src/templates/TablePageTemplate.tsx b/frontend/src/templates/TablePageTemplate.tsx
index aeb253b2..60bbd8c3 100644
--- a/frontend/src/templates/TablePageTemplate.tsx
+++ b/frontend/src/templates/TablePageTemplate.tsx
@@ -109,6 +109,7 @@ interface FilterConfig {
 interface HeaderMetrics {
   label: string;
   value: string | number;
+  displayValue?: string | number;
   accentColor: 'blue' | 'green' | 'amber' | 'purple';
   tooltip?: string;
 }
@@ -702,6 +703,7 @@ export default function TablePageTemplate({
             {headerMetrics && headerMetrics.length > 0 && (
               <div className="flex items-center gap-1.5 px-3 py-1.5 bg-gray-50 dark:bg-gray-800/30 rounded-lg border border-gray-200 dark:border-gray-700">
                 {headerMetrics.map((metric, index) => {
+                  const metricValue = metric.displayValue ?? metric.value;
                   const metricElement = (
                     <div className={`flex items-center gap-2 ${metric.tooltip ? 'cursor-help' : ''}`}>
                       <div className={`w-1 h-5 rounded-full ${
@@ -717,7 +719,7 @@ export default function TablePageTemplate({
                         )}
                       </span>
                       <span className="text-base font-bold text-gray-900 dark:text-white">
-                        {typeof metric.value === 'number' ? formatMetricValue(metric.value) : metric.value}
+                        {typeof metricValue === 'number' ? formatMetricValue(metricValue) : metricValue}
                       </span>
                     </div>
                   );