From e3c5abfd40f049377f20b251efb8d27ffbc0a2f2 Mon Sep 17 00:00:00 2001 From: Ricardo Espinoza Date: Fri, 16 Oct 2026 15:05:42 -0400 Subject: [PATCH] fix(editor): Let server tables use the full width and show the scrollbar over the rows (no-changelog) Drop the reserved scrollbar gutter instead of painting it. The header and the row dividers now run to the right border, and a scrollbar shows only while the rows overflow, as in a common virtualized table. --- .../src/components/N8nDataTableServer/N8nDataTableServer.vue | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/frontend/@n8n/design-system/src/components/N8nDataTableServer/N8nDataTableServer.vue b/packages/frontend/@n8n/design-system/src/components/N8nDataTableServer/N8nDataTableServer.vue index 923b324e5b2..7f8efc828c2 100644 --- a/packages/frontend/@n8n/design-system/src/components/N8nDataTableServer/N8nDataTableServer.vue +++ b/packages/frontend/@n8n/design-system/src/components/N8nDataTableServer/N8nDataTableServer.vue @@ -611,11 +611,10 @@ const table = useVueTable({ .table-scroll { max-height: 100%; + // No reserved scrollbar gutter: the header and the row dividers run the full width, and a + // scrollbar shows only while the rows overflow. overflow: auto; - scrollbar-gutter: stable; position: relative; - // The gutter stays reserved when nothing scrolls. The row colour keeps it from showing as a strip. - background-color: var(--color--background--light-3); } th.loading-row {