From 5729b8b67da8510a8790f3cdffe7c1a703d916ff Mon Sep 17 00:00:00 2001
From: Jeremy Clements <79224539+jeclrsg@users.noreply.github.com>
Date: Mon, 2 Oct 2023 16:50:38 -0400
Subject: [PATCH] HPCC-30384 ECL Watch fix Data Pattern analysis results ending
 rows illegible

Signed-off-by: Jeremy Clements <79224539+jeclrsg@users.noreply.github.com>
---
 esp/src/src/DataPatterns/PopularPatterns.ts | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/esp/src/src/DataPatterns/PopularPatterns.ts b/esp/src/src/DataPatterns/PopularPatterns.ts
index 872a1807712..40a94e54078 100644
--- a/esp/src/src/DataPatterns/PopularPatterns.ts
+++ b/esp/src/src/DataPatterns/PopularPatterns.ts
@@ -1,6 +1,8 @@
 import { BreakdownTable } from "@hpcc-js/html";
 import { config } from "./config";
 
+const maxRowCount = 64;
+
 export class PopularPatterns extends BreakdownTable {
     constructor(rows, showTitle: boolean = true) {
         super();
@@ -25,10 +27,15 @@ export class PopularPatterns extends BreakdownTable {
                 "font-weight": "normal",
                 "text-align": "right"
             }])
-            .data(rows.map(row => [
-                row.data_pattern.trim(),
-                row.rec_count
-            ]))
+            .useCalculatedRowCount(false)
+            .rowCount(6)
+            .data(rows
+                .filter((row, idx) => idx < maxRowCount ? row : null)
+                .map(row => [
+                    row.data_pattern.trim(),
+                    row.rec_count
+                ])
+            )
             ;
     }
 }