diff --git a/components/resources/application-core/src/main/resources/META-INF/dirigible/application-core/shell/js/components/pages/basePage.js b/components/resources/application-core/src/main/resources/META-INF/dirigible/application-core/shell/js/components/pages/basePage.js
index 4473be3e441..5cb197797d7 100644
--- a/components/resources/application-core/src/main/resources/META-INF/dirigible/application-core/shell/js/components/pages/basePage.js
+++ b/components/resources/application-core/src/main/resources/META-INF/dirigible/application-core/shell/js/components/pages/basePage.js
@@ -106,12 +106,16 @@ function basePage() {
         '<th class="' + (c.number ? 'text-right' : '') + '">' + esc(this.columnHeader(c)) + '</th>').join('');
       const body = rows.map((r) => '<tr>' + columns.map((c) =>
         '<td class="' + (c.number ? 'text-right' : '') + '">' + esc(cellText(r, c)) + '</td>').join('') + '</tr>').join('');
+      // Fixed table layout + column-count font scaling so a wide table fits the page instead of
+      // overflowing and being clipped at the right edge (mirrors the server-side XslFoRenderer PDF
+      // path). Long unbreakable tokens (ids, IBANs) wrap inside the fixed cell.
+      const fontSize = Math.max(6, 10 - Math.max(0, columns.length - 3));
       const html = '<!doctype html><html><head><title>' + esc(title) + '</title><style>'
         + 'body{font-family:system-ui,-apple-system,sans-serif;margin:24px;color:#111}'
         + 'h1{font-size:18px;margin:0 0 4px}'
         + '.meta{font-size:11px;color:#555;margin:0 0 16px}'
-        + 'table{border-collapse:collapse;width:100%;font-size:12px}'
-        + 'th,td{border:1px solid #999;padding:4px 8px;text-align:left}'
+        + 'table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:' + fontSize + 'pt}'
+        + 'th,td{border:1px solid #999;padding:2pt;text-align:left;overflow-wrap:anywhere;word-break:break-word}'
         + 'th{background:#eee}.text-right{text-align:right}'
         + '</style></head><body><h1>' + esc(title) + '</h1>'
         + '<p class="meta">' + rows.length + ' rows - ' + esc(new Date().toLocaleString()) + '</p>'
diff --git a/components/template/template-application-ui-harmonia-java/src/main/resources/META-INF/dirigible/template-application-ui-harmonia-java/ui/perspective/report-file/report.js.template b/components/template/template-application-ui-harmonia-java/src/main/resources/META-INF/dirigible/template-application-ui-harmonia-java/ui/perspective/report-file/report.js.template
index 88d9b87c9e7..ab0d68db3e0 100644
--- a/components/template/template-application-ui-harmonia-java/src/main/resources/META-INF/dirigible/template-application-ui-harmonia-java/ui/perspective/report-file/report.js.template
+++ b/components/template/template-application-ui-harmonia-java/src/main/resources/META-INF/dirigible/template-application-ui-harmonia-java/ui/perspective/report-file/report.js.template
@@ -299,12 +299,15 @@ document.addEventListener('alpine:init', () => {
         const esc = (v) => String(v == null ? '' : v).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
         const th = cols.map(c => '<th class="' + this.alignClass(c) + '">' + esc(c) + '</th>').join('');
         const body = rows.map(r => '<tr>' + cols.map(c => '<td class="' + this.alignClass(c) + '">' + esc(this.cellText(c, r)) + '</td>').join('') + '</tr>').join('');
+        // Fixed table layout + column-count font scaling so a wide table fits the page instead of
+        // being clipped at the right edge (mirrors the server-side XslFoRenderer PDF path).
+        const fontSize = Math.max(6, 10 - Math.max(0, cols.length - 3));
         const html = '<!doctype html><html><head><title>' + esc(this.displayName) + '</title><style>'
           + 'body{font-family:system-ui,-apple-system,sans-serif;margin:24px;color:#111}'
           + 'h1{font-size:18px;margin:0 0 4px}'
           + '.meta{font-size:11px;color:#555;margin:0 0 16px}'
-          + 'table{border-collapse:collapse;width:100%;font-size:12px}'
-          + 'th,td{border:1px solid #999;padding:4px 8px;text-align:left}'
+          + 'table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:' + fontSize + 'pt}'
+          + 'th,td{border:1px solid #999;padding:2pt;text-align:left;overflow-wrap:anywhere;word-break:break-word}'
           + 'th{background:#eee}.text-right{text-align:right}'
           + '</style></head><body><h1>' + esc(this.displayName) + '</h1>'
           + '<p class="meta">' + rows.length + ' rows' + (this.activeFilterCount ? ' (filtered)' : '') + ' - ' + esc(new Date().toLocaleString()) + '</p>'
diff --git a/components/template/template-application-ui-harmonia-java/src/main/resources/META-INF/dirigible/template-application-ui-harmonia-java/ui/perspective/report/table-page.js.template b/components/template/template-application-ui-harmonia-java/src/main/resources/META-INF/dirigible/template-application-ui-harmonia-java/ui/perspective/report/table-page.js.template
index 153673f5c8a..eec3a41dc55 100644
--- a/components/template/template-application-ui-harmonia-java/src/main/resources/META-INF/dirigible/template-application-ui-harmonia-java/ui/perspective/report/table-page.js.template
+++ b/components/template/template-application-ui-harmonia-java/src/main/resources/META-INF/dirigible/template-application-ui-harmonia-java/ui/perspective/report/table-page.js.template
@@ -75,12 +75,15 @@ document.addEventListener('alpine:init', () => {
         const cell = (col, row) => col.float ? this.displayNumber(row[col.key], col.pattern) : row[col.key];
         const th = this.printColumns.map(c => '<th class="' + (c.number ? 'text-right' : '') + '">' + esc(c.label) + '</th>').join('');
         const body = rows.map(r => '<tr>' + this.printColumns.map(c => '<td class="' + (c.number ? 'text-right' : '') + '">' + esc(cell(c, r)) + '</td>').join('') + '</tr>').join('');
+        // Fixed table layout + column-count font scaling so a wide table fits the page instead of
+        // being clipped at the right edge (mirrors the server-side XslFoRenderer PDF path).
+        const fontSize = Math.max(6, 10 - Math.max(0, this.printColumns.length - 3));
         const html = '<!doctype html><html><head><title>${name}</title><style>'
           + 'body{font-family:system-ui,-apple-system,sans-serif;margin:24px;color:#111}'
           + 'h1{font-size:18px;margin:0 0 4px}'
           + '.meta{font-size:11px;color:#555;margin:0 0 16px}'
-          + 'table{border-collapse:collapse;width:100%;font-size:12px}'
-          + 'th,td{border:1px solid #999;padding:4px 8px;text-align:left}'
+          + 'table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:' + fontSize + 'pt}'
+          + 'th,td{border:1px solid #999;padding:2pt;text-align:left;overflow-wrap:anywhere;word-break:break-word}'
           + 'th{background:#eee}.text-right{text-align:right}'
           + '</style></head><body><h1>${name}</h1>'
           + '<p class="meta">' + rows.length + ' rows - ' + esc(new Date().toLocaleString()) + '</p>'
