diff --git a/src/common/ResponsiveTable.tsx b/src/common/ResponsiveTable.tsx
index dcd9893..204a5b8 100644
--- a/src/common/ResponsiveTable.tsx
+++ b/src/common/ResponsiveTable.tsx
@@ -71,7 +71,7 @@ interface Props<T> {
   rows: T[],
   columns?: Column<T>[] | (() => Column<T>[]),
   title?: string | JSX.Element;
-  subtitle?: string | JSX.Element;
+  subtitle?: string | JSX.Element | (() => string | JSX.Element);
   total: number,
   pageSize: number,
   page: number,
@@ -98,7 +98,7 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
     setPage, 
     handleRowsPerPageChange, 
     title, 
-    subtitle,
+    // subtitle,
     renderGutter,
     setSearchText, 
     isLoading,
@@ -113,6 +113,7 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
   } = props
   const classes = useStyles();
   const columns = typeof(props.columns) === "function" ? props.columns() : props.columns
+  const subtitle = typeof(props.subtitle) === "function" ? props.subtitle() : props.subtitle
 
   const isMobile = useMobile()
 
diff --git a/src/pages/Devices.tsx b/src/pages/Devices.tsx
index 994b7d2..1a14378 100644
--- a/src/pages/Devices.tsx
+++ b/src/pages/Devices.tsx
@@ -452,7 +452,7 @@ export default function Devices() {
       <DevicesSummary setSearch={setSearch} />
       <ResponsiveTable<Device>
         title={<SmartBreadcrumb prependPaths={getGroup() && ["groups", getGroup().id().toString()]} groupName={getGroup() && getGroup().name()} paddingBottom={1}/>}
-        subtitle={subtitle()}
+        subtitle={subtitle}
         rows={devices}
         renderGutter={ isMobile ? gutter : undefined }
         columns={columns}