Skip to content

fix: make all tables scrollable - #2485

Open
krzysdz wants to merge 1 commit into
expressjs:mainfrom
krzysdz:scrollable-tables
Open

fix: make all tables scrollable#2485
krzysdz wants to merge 1 commit into
expressjs:mainfrom
krzysdz:scrollable-tables

Conversation

@krzysdz

@krzysdz krzysdz commented Aug 8, 2026

Copy link
Copy Markdown
Contributor

Markdown tables are automatically wrapped in a <div class="table-scroller">, but raw HTML tables have to be wrapped manually. Tables in migrating-4.mdx are simple an have been rewritten using markdown syntax.

The tables in "Express behind proxies" are quite large and contain a lot embedded markdown (code blocks, lists), which does not play well with the simple regex1 I've been using. These I have wrapped manually like it was previously done in #1968.

Fixes #2484

Footnotes

  1. ^\s*<tr>\s*<td.*?>\s*([\w\W]*?)\s*</td>\s*<td.*?>\s*([\w\W]*?)\s*</td>\s*</tr> -> | $1 | $2 |. The regex isn't really a problem, but multiline content in tables is.

Markdown tables are automatically wrapped in .table-scroller div, but raw HTML tables have to be wrapped manually. Tables in migrating-4.mdx were simple an have been rewritten using markdown syntax.
@krzysdz
krzysdz requested a review from a team as a code owner August 8, 2026 11:26
@netlify

netlify Bot commented Aug 8, 2026

Copy link
Copy Markdown

Deploy Preview for expressjscom-preview ready!

Name Link
🔨 Latest commit 856281c
🔍 Latest deploy log https://app.netlify.com/projects/expressjscom-preview/deploys/6a771272a2b440000883e928
😎 Deploy Preview https://deploy-preview-2485--expressjscom-preview.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 98 (🟢 up 1 from production)
Accessibility: 100 (no change from production)
Best Practices: 100 (no change from production)
SEO: 100 (no change from production)
PWA: 80 (no change from production)
View the detailed breakdown and full score reports
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

@krzysdz krzysdz added the design Change, update, or fix for site UI (not content) label Aug 8, 2026
@krzysdz

krzysdz commented Aug 8, 2026

Copy link
Copy Markdown
Contributor Author

One thing that I noticed while making these changes: #2221 removed a table from 5.x writing middleware docs, but left it in 4.x. The table served as an explanation of some things shown on an illustration, but the illustration has been updated to include these descriptions, so 4.x version is labelled twice.

obraz

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

design Change, update, or fix for site UI (not content)

Projects

None yet

Development

Successfully merging this pull request may close these issues.

A page in the documentation seems messy in small screens

1 participant