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} />