Skip to content

Conversation

@taylorvnoj
Copy link
Contributor

Motivations

Changes table-layout from auto to fixed, enabling developers to control column widths using percentages.

With table-layout: auto, column widths are determined by content, making it difficult to create consistent layouts. Switching to table-layout: fixed gives developers explicit control:

  • Percentage widths scale proportionally with the table
  • Columns without explicit widths share remaining space equally
  • More predictable layouts across different data sets

Changes

Changed

DataTableStyles.module.css

  • Changed table-layout: autotable-layout: fixed

DataTableNotes.mdx

  • Added new "Column Widths" section explaining how to set widths via style prop

Composable.stories.tsx

  • Added new ColumnWidths story demonstrating percentage-based column widths

Testing

Changes can be
tested via Pre-release


In Atlantis we use Github's built in pull request reviews.

@taylorvnoj taylorvnoj self-assigned this Jan 20, 2026
@cloudflare-workers-and-pages
Copy link

Deploying atlantis with  Cloudflare Pages  Cloudflare Pages

Latest commit: fda36d3
Status: ✅  Deploy successful!
Preview URL: https://1f4b9231.atlantis.pages.dev
Branch Preview URL: https://taylor-datatable-fixed.atlantis.pages.dev

View logs

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

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants