diff --git a/frontend/src/container/MetricsApplication/TopOperationsTable.tsx b/frontend/src/container/MetricsApplication/TopOperationsTable.tsx
index bd518d629d..d897c8a205 100644
--- a/frontend/src/container/MetricsApplication/TopOperationsTable.tsx
+++ b/frontend/src/container/MetricsApplication/TopOperationsTable.tsx
@@ -164,6 +164,12 @@ function TopOperationsTable({
const downloadableData = convertedTracesToDownloadData(data);
+ const paginationConfig = {
+ pageSize: 10,
+ showSizeChanger: false,
+ hideOnSinglePage: true,
+ };
+
return (
@@ -181,6 +187,7 @@ function TopOperationsTable({
tableLayout="fixed"
dataSource={data}
rowKey="name"
+ pagination={paginationConfig}
/>
);
diff --git a/frontend/src/container/QueryTable/QueryTable.tsx b/frontend/src/container/QueryTable/QueryTable.tsx
index 2fa1d05f65..ccf8221bfe 100644
--- a/frontend/src/container/QueryTable/QueryTable.tsx
+++ b/frontend/src/container/QueryTable/QueryTable.tsx
@@ -48,6 +48,12 @@ export function QueryTable({
const tableColumns = modifyColumns ? modifyColumns(newColumns) : newColumns;
+ const paginationConfig = {
+ pageSize: 10,
+ showSizeChanger: false,
+ hideOnSinglePage: true,
+ };
+
return (
{isDownloadEnabled && (
@@ -64,6 +70,7 @@ export function QueryTable({
tableLayout="fixed"
dataSource={newDataSource}
scroll={{ x: true }}
+ pagination={paginationConfig}
// eslint-disable-next-line react/jsx-props-no-spreading
{...props}
/>