Skip to content

Conversation

@garrity-miepub
Copy link
Contributor

  • Add rowHeight and headerHeight props to AgGridReact based on size
  • Add size-based default container heights (xs=280, sm=320, md=400, lg=480, xl=560)
  • Height prop now optional - defaults to size-appropriate value when not provided
  • Fix size control in Storybook to properly change row heights (CSS classes alone don't work)
  • Update sizeToRowHeight mapping to include containerHeight for each size variant

Size mapping:

  • xs: rowHeight=28px, headerHeight=28px, containerHeight=280px
  • sm: rowHeight=32px, headerHeight=32px, containerHeight=320px
  • md: rowHeight=40px, headerHeight=40px, containerHeight=400px (default)
  • lg: rowHeight=48px, headerHeight=48px, containerHeight=480px
  • xl: rowHeight=56px, headerHeight=56px, containerHeight=560px

The height prop can still be explicitly provided to override the default.

ag-grid-height.mov

@garrity-miepub garrity-miepub marked this pull request as ready for review January 30, 2026 04:26
@cloudflare-workers-and-pages
Copy link

cloudflare-workers-and-pages bot commented Jan 30, 2026

Deploying ui with  Cloudflare Pages  Cloudflare Pages

Latest commit: 96826d6
Status: ✅  Deploy successful!
Preview URL: https://f2161e04.ui-6d0.pages.dev
Branch Preview URL: https://feature-ag-grid-height-updte.ui-6d0.pages.dev

View logs

…iant

- Add rowHeight and headerHeight props to AgGridReact based on size
- Add size-based default container heights (xs=280, sm=320, md=400, lg=480, xl=560)
- Height prop now optional - defaults to size-appropriate value when not provided
- Fix size control in Storybook to properly change row heights (CSS classes alone don't work)
- Update sizeToRowHeight mapping to include containerHeight for each size variant

Size mapping:
- xs: rowHeight=28px, headerHeight=28px, containerHeight=280px
- sm: rowHeight=32px, headerHeight=32px, containerHeight=320px
- md: rowHeight=40px, headerHeight=40px, containerHeight=400px (default)
- lg: rowHeight=48px, headerHeight=48px, containerHeight=480px
- xl: rowHeight=56px, headerHeight=56px, containerHeight=560px

The height prop can still be explicitly provided to override the default.
@garrity-miepub garrity-miepub force-pushed the feature/ag-grid-height-updte branch from 269e1e7 to 96826d6 Compare January 30, 2026 04:41
@garrity-miepub garrity-miepub merged commit fc2345f into main Jan 30, 2026
7 checks passed
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