Markdown
2-col table, short content both sides
Simplest case.
| Property |
Value |
| Width |
320px |
| Height |
480px |
| Weight |
1.2kg |
| Voltage |
240V |
| Capacity |
500ml |
| Depth |
12mm |
4+ col table, mixed content lengths
The case that prompted this fix.
| Task |
Owner |
Due |
Notes |
Status |
| Research competitors |
Alice |
Oct 12 |
Focus on pricing pages and onboarding flows for the top five competitors in the SMB segment |
In progress |
| Write copy |
Bob |
Oct 14 |
Homepage hero only |
Done |
| Design hero |
Carol |
Oct 15 |
Needs approval from brand team before sending to dev |
Blocked |
| QA |
Dan |
Oct 20 |
Full regression pass across supported browsers and mobile viewports |
Not started |
| Ship |
Eve |
Oct 22 |
Coordinate with support |
Not started |
Table with only short content (all numeric)
Risk: columns collapse too narrow.
| Metric |
Q1 |
Q2 |
Q3 |
Q4 |
| Revenue |
120 |
145 |
132 |
178 |
| Costs |
89 |
102 |
98 |
115 |
| Profit |
31 |
43 |
34 |
63 |
| Margin |
26% |
30% |
26% |
35% |
| Users |
412 |
508 |
571 |
640 |
Table with one very long column, rest short
Risk: weird proportions.
| Version |
Date |
Description |
| 2.4.1 |
Apr 12 |
Fixed a regression in the search dropdown where pressing the Escape key would close the entire modal instead of only the suggestions panel, which broke expected keyboard navigation for users relying on screen readers. |
| 2.4.0 |
Apr 03 |
Added a new compact density mode for the main data grid, allowing users to fit roughly forty percent more rows in the viewport on large displays while preserving readability and tap targets on touch devices. |
| 2.3.2 |
Mar 28 |
Patched a crash that occurred when loading a workspace containing more than ten thousand archived items. |
| 2.3.1 |
Mar 21 |
Minor copy updates in the settings panel. |
| 2.3.0 |
Mar 14 |
Introduced workspace-level permissions so that administrators can restrict editing rights on a per-folder basis without creating separate shared spaces. |
Table with code/inline elements in cells
Risk: interaction with other rules.
| Property |
Values |
Example |
Notes |
display |
block, flex, grid, inline |
display: flex; |
See MDN for the full spec |
position |
static, relative, absolute, fixed, sticky |
position: relative; |
Default is static |
color |
named, hex, rgb, hsl |
color: #333; |
Use CSS variables for theming |
font-size |
px, rem, em, % |
font-size: 1rem; |
Prefer rem for consistency across nested contexts |
overflow |
visible, hidden, scroll, auto |
overflow: hidden; |
Pair with text-overflow: ellipsis for truncation |
Table with 10+ rows
table-layout: fixed has perf benefits on big tables, verify no jank.
| Time |
Session |
Speaker |
Room |
| 09:00 |
Keynote |
Ada Lovelace |
Main Hall |
| 09:45 |
Workshop A |
Grace Hopper |
Room 101 |
| 10:30 |
Break |
|
Lobby |
| 11:00 |
Panel |
Various |
Main Hall |
| 11:45 |
Workshop B |
Alan Turing |
Room 102 |
| 12:30 |
Lunch |
|
Dining Hall |
| 13:30 |
Talk |
Margaret Hamilton |
Room 101 |
| 14:15 |
Workshop C |
Donald Knuth |
Room 102 |
| 15:00 |
Break |
|
Lobby |
| 15:30 |
Talk |
Edsger Dijkstra |
Main Hall |
| 16:15 |
Fireside Chat |
Barbara Liskov |
Room 101 |
| 17:00 |
Closing |
Tim Berners-Lee |
Main Hall |
| 17:30 |
Drinks |
|
Lobby |
Table right at the 743px boundary
Check the transition into the rule.
| Plan |
Users |
Storage |
Price |
| Free |
1 |
1 GB |
£0 |
| Starter |
5 |
10 GB |
£9 |
| Team |
25 |
100 GB |
£29 |
| Business |
100 |
1 TB |
£99 |
| Enterprise |
Unlimited |
Custom |
Contact us |
15-column table, mixed short/medium/long cells
Stress test: extreme column count with heterogeneous content.
| ID |
Title |
Description |
Owner |
Reporter |
Priority |
Status |
Created |
Updated |
Due |
Labels |
Component |
Resolution |
Estimate |
Comments |
| 1 |
Login fails on Safari |
Users on Safari 17 report being redirected back to the login screen after entering valid credentials, likely caused by the SameSite cookie policy change shipped in the last release. |
AK |
MR |
P0 |
Open |
Apr 02 |
Apr 18 |
Apr 25 |
auth, regression, safari |
Identity |
Not yet resolved, investigation ongoing with two possible root causes identified by the platform team. |
5d |
Three customers have escalated this via the support channel over the last 48 hours. |
| 2 |
Typo |
Trailing period missing in the settings confirmation toast. |
BS |
BS |
P4 |
Done |
Apr 10 |
Apr 11 |
Apr 12 |
copy |
Settings |
Fixed in PR 2841. |
0.5h |
LGTM. |
| 3 |
Export as PDF |
Add a PDF export option to the reports screen, matching the existing CSV and XLSX flows including the same filename conventions and the shared download progress indicator. |
CL |
DN |
P2 |
In review |
Mar 28 |
Apr 17 |
May 05 |
feature, reports, export |
Reports |
Implementation complete, waiting on design QA signoff before merge. |
3d |
Design team flagged minor spacing issue in the preview pane. |
| 4 |
Pagination |
Broken on mobile. |
DM |
EV |
P1 |
In progress |
Apr 05 |
Apr 15 |
Apr 22 |
bug, mobile |
Core UI |
Partial fix deployed to staging, full resolution pending the grid refactor tracked separately in issue 4127. |
2d |
Needs cross-browser retest once the sticky header change lands. |
| 5 |
Add keyboard shortcut for quick switcher to improve power user navigation across the workspace |
Power users have requested a Cmd+K / Ctrl+K shortcut that opens a fuzzy-search quick switcher covering projects, documents, and recent items, similar to the patterns popularised by Linear, Raycast, and Notion. |
EP |
FR |
P3 |
Backlog |
Feb 14 |
Apr 09 |
TBD |
feature, a11y, power-users |
Navigation |
Not started. |
8d |
Parked pending the Q3 planning cycle. |
HTML
2-col table, short content both sides
| Property |
Value |
| Width |
320px |
| Height |
480px |
| Weight |
1.2kg |
| Voltage |
240V |
| Capacity |
500ml |
| Depth |
12mm |
4+ col table, mixed content lengths
| Task |
Owner |
Due |
Notes |
Status |
| Research competitors |
Alice |
Oct 12 |
Focus on pricing pages and onboarding flows for the top five competitors in the SMB segment |
In progress |
| Write copy |
Bob |
Oct 14 |
Homepage hero only |
Done |
| Design hero |
Carol |
Oct 15 |
Needs approval from brand team before sending to dev |
Blocked |
| QA |
Dan |
Oct 20 |
Full regression pass across supported browsers and mobile viewports |
Not started |
| Ship |
Eve |
Oct 22 |
Coordinate with support |
Not started |
Table with only short content (all numeric)
| Metric |
Q1 |
Q2 |
Q3 |
Q4 |
| Revenue |
120 |
145 |
132 |
178 |
| Costs |
89 |
102 |
98 |
115 |
| Profit |
31 |
43 |
34 |
63 |
| Margin |
26% |
30% |
26% |
35% |
| Users |
412 |
508 |
571 |
640 |
Table with one very long column, rest short
| Version |
Date |
Description |
| 2.4.1 |
Apr 12 |
Fixed a regression in the search dropdown where pressing the Escape key would close the entire modal instead of only the suggestions panel, which broke expected keyboard navigation for users relying on screen readers. |
| 2.4.0 |
Apr 03 |
Added a new compact density mode for the main data grid, allowing users to fit roughly forty percent more rows in the viewport on large displays while preserving readability and tap targets on touch devices. |
| 2.3.2 |
Mar 28 |
Patched a crash that occurred when loading a workspace containing more than ten thousand archived items. |
| 2.3.1 |
Mar 21 |
Minor copy updates in the settings panel. |
| 2.3.0 |
Mar 14 |
Introduced workspace-level permissions so that administrators can restrict editing rights on a per-folder basis without creating separate shared spaces. |
Table with code/inline elements in cells
| Property |
Values |
Example |
Notes |
display |
block, flex, grid, inline |
display: flex; |
See MDN for the full spec |
position |
static, relative, absolute, fixed, sticky |
position: relative; |
Default is static |
color |
named, hex, rgb, hsl |
color: #333; |
Use CSS variables for theming |
font-size |
px, rem, em, % |
font-size: 1rem; |
Prefer rem for consistency across nested contexts |
overflow |
visible, hidden, scroll, auto |
overflow: hidden; |
Pair with text-overflow: ellipsis for truncation |
Table with 10+ rows
| Time |
Session |
Speaker |
Room |
| 09:00 |
Keynote |
Ada Lovelace |
Main Hall |
| 09:45 |
Workshop A |
Grace Hopper |
Room 101 |
| 10:30 |
Break |
|
Lobby |
| 11:00 |
Panel |
Various |
Main Hall |
| 11:45 |
Workshop B |
Alan Turing |
Room 102 |
| 12:30 |
Lunch |
|
Dining Hall |
| 13:30 |
Talk |
Margaret Hamilton |
Room 101 |
| 14:15 |
Workshop C |
Donald Knuth |
Room 102 |
| 15:00 |
Break |
|
Lobby |
| 15:30 |
Talk |
Edsger Dijkstra |
Main Hall |
| 16:15 |
Fireside Chat |
Barbara Liskov |
Room 101 |
| 17:00 |
Closing |
Tim Berners-Lee |
Main Hall |
| 17:30 |
Drinks |
|
Lobby |
Table right at the 743px boundary
| Plan |
Users |
Storage |
Price |
| Free |
1 |
1 GB |
£0 |
| Starter |
5 |
10 GB |
£9 |
| Team |
25 |
100 GB |
£29 |
| Business |
100 |
1 TB |
£99 |
| Enterprise |
Unlimited |
Custom |
Contact us |
15-column table, mixed short/medium/long cells
| ID |
Title |
Description |
Owner |
Reporter |
Priority |
Status |
Created |
Updated |
Due |
Labels |
Component |
Resolution |
Estimate |
Comments |
| 1 |
Login fails on Safari |
Users on Safari 17 report being redirected back to the login screen after entering valid credentials, likely caused by the SameSite cookie policy change shipped in the last release. |
AK |
MR |
P0 |
Open |
Apr 02 |
Apr 18 |
Apr 25 |
auth, regression, safari |
Identity |
Not yet resolved, investigation ongoing with two possible root causes identified by the platform team. |
5d |
Three customers have escalated this via the support channel over the last 48 hours. |
| 2 |
Typo |
Trailing period missing in the settings confirmation toast. |
BS |
BS |
P4 |
Done |
Apr 10 |
Apr 11 |
Apr 12 |
copy |
Settings |
Fixed in PR 2841. |
0.5h |
LGTM. |
| 3 |
Export as PDF |
Add a PDF export option to the reports screen, matching the existing CSV and XLSX flows including the same filename conventions and the shared download progress indicator. |
CL |
DN |
P2 |
In review |
Mar 28 |
Apr 17 |
May 05 |
feature, reports, export |
Reports |
Implementation complete, waiting on design QA signoff before merge. |
3d |
Design team flagged minor spacing issue in the preview pane. |
| 4 |
Pagination |
Broken on mobile. |
DM |
EV |
P1 |
In progress |
Apr 05 |
Apr 15 |
Apr 22 |
bug, mobile |
Core UI |
Partial fix deployed to staging, full resolution pending the grid refactor tracked separately in issue 4127. |
2d |
Needs cross-browser retest once the sticky header change lands. |
| 5 |
Add keyboard shortcut for quick switcher to improve power user navigation across the workspace |
Power users have requested a Cmd+K / Ctrl+K shortcut that opens a fuzzy-search quick switcher covering projects, documents, and recent items, similar to the patterns popularised by Linear, Raycast, and Notion. |
EP |
FR |
P3 |
Backlog |
Feb 14 |
Apr 09 |
TBD |
feature, a11y, power-users |
Navigation |
Not started. |
8d |
Parked pending the Q3 planning cycle. |
