diff --git a/src/pages/taskQueue/TaskQueueTable/index.tsx b/src/pages/taskQueue/TaskQueueTable/index.tsx index 8c9d3119bd..fa750a406a 100644 --- a/src/pages/taskQueue/TaskQueueTable/index.tsx +++ b/src/pages/taskQueue/TaskQueueTable/index.tsx @@ -39,6 +39,7 @@ const TaskQueueTable: React.FC = ({ columns, containerRef: tableContainerRef, enableColumnFilters: false, + useVirtualScrolling: true, }); return ( @@ -48,6 +49,7 @@ const TaskQueueTable: React.FC = ({ loading={loading && taskQueue?.length === 0} shouldAlternateRowColor emptyComponent={} + ref={tableContainerRef} /> ); }; diff --git a/src/pages/taskQueue/index.tsx b/src/pages/taskQueue/index.tsx index 3813946028..97012d41d6 100644 --- a/src/pages/taskQueue/index.tsx +++ b/src/pages/taskQueue/index.tsx @@ -24,6 +24,7 @@ import { import { DISTRO_TASK_QUEUE, TASK_QUEUE_DISTROS } from "gql/queries"; import { usePageTitle } from "hooks"; import { DistroOption } from "./DistroOption"; +import TaskQueueTable from "./TaskQueueTable"; const TaskQueue = () => { const taskQueueAnalytics = useTaskQueueAnalytics(); @@ -116,10 +117,10 @@ const TaskQueue = () => { ) } - {/* */} + /> )}