Skip to content

fix(data-table): add fixed-table layout to prevent column layout shift - #1166

Merged
sadmann7 merged 6 commits into
mainfrom
sadman/fix-column-sizing
Oct 2, 2026
Merged

sadmann7 merged 6 commits into
mainfrom
sadman/fix-column-sizing

Conversation

@sadmann7

@sadmann7 sadmann7 commented Oct 2, 2026

Copy link
Copy Markdown
Owner

No description provided.

Copilot AI balanced review requested due to automatic review settings October 2, 2026 19:00
@vercel

vercel Bot commented Oct 2, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
tablecn Ready Ready Preview Oct 2, 2026 7:27pm UTC

Request Review

@sadmann7 sadmann7 changed the title fix(data-table): add fixed-table layout fix(data-table): add fixed-table layout to prevent column layout shift Oct 2, 2026

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot review overview

🟡 Changes recommended

CSS variable names can collide for distinct valid column IDs, producing incorrect widths and offsets.

Review effort: Balanced
Findings: 1 Medium severity

Open (1)
What changed in this PR

Adds fixed-layout sizing to prevent data-table column shifts.

Changes:

  • Centralizes column widths and pinned offsets as CSS variables.
  • Applies fixed table layout and cell clipping in both variants.
  • Adjusts task-table pinning and column sizes.
File Description
src/​lib/​data-table-utils.ts Adds shared sizing and offset styles.
src/​registry/​bases/​base/​components/​data-table/​data-table.tsx Applies fixed layout to the base variant.
src/​registry/​bases/​radix/​components/​data-table/​data-table.tsx Mirrors fixed layout in the radix variant.
src/​app/​components/​tasks-table.tsx Pins the selection column.
src/​app/​components/​tasks-table-columns.tsx Adjusts cell truncation and widths.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread src/lib/data-table-utils.ts Outdated
@sadmann7
sadmann7 merged commit 0d327c4 into main Oct 2, 2026
7 checks passed
@sadmann7
sadmann7 deleted the sadman/fix-column-sizing branch October 2, 2026 19:35

This branch was successfully deployed

1 active deployment
Preview — d0e6f2a0 Deployed Oct 2, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants