From 4ae0382415bb3ad36de2e047b0825d89fb78d1f1 Mon Sep 17 00:00:00 2001
From: Sonia Aguilar <33540275+soniaAguilarPeiron@users.noreply.github.com>
Date: Wed, 4 Jan 2023 14:48:34 +0100
Subject: [PATCH] Alerting: Add pagination in group modal alert table (#60868)

Add pagination in group modal alert table
---
 .../alerting/unified/components/rules/EditRuleGroupModal.tsx   | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/app/features/alerting/unified/components/rules/EditRuleGroupModal.tsx b/public/app/features/alerting/unified/components/rules/EditRuleGroupModal.tsx
index 2f0c2c39c91..3b02777b07a 100644
--- a/public/app/features/alerting/unified/components/rules/EditRuleGroupModal.tsx
+++ b/public/app/features/alerting/unified/components/rules/EditRuleGroupModal.tsx
@@ -24,6 +24,7 @@ import { EvaluationIntervalLimitExceeded } from '../InvalidIntervalWarning';
 import { MIN_TIME_RANGE_STEP_S } from '../rule-editor/GrafanaEvaluationBehavior';
 
 const MINUTE = '1m';
+const ITEMS_PER_PAGE = 10;
 interface AlertInfo {
   alertName: string;
   forDuration: string;
@@ -192,7 +193,7 @@ export const RulesForGroupTable = ({
 
   return (
     <div className={styles.tableWrapper}>
-      <DynamicTable items={rows} cols={columns} />
+      <DynamicTable items={rows} cols={columns} pagination={{ itemsPerPage: ITEMS_PER_PAGE }} />
     </div>
   );
 };