Comcast / Comcast/react-data-grid

Header cell collapses when resizable set to true and promoted to staging environment

Open
#3,463 19 comments 12 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
7.7k
Forks
2.2k
Avg merge
1d 2h
Merged PRs (30d)
33

Description

## Describe the bug

When resizable is set to true the columns work as intended but only locally. When the code is deployed to staging environment the header cells shrink. The same problem is seen with code from quick start and other examples.

## To Reproduce

1. Apply the code from the quick start page but include 'resizable: true' in column data. Alternatively set 'resizable: true' in defaultColumnOptions within the DataGrid component.
2. Run locally and confirm expected behavior.
3. Deploy to staging environment, header cell will have collapsed.

Link to code example:

https://www.npmjs.com/package/react-data-grid/v/7.0.0-beta.42 for quick start code

What the header cell looks like in local dev environment:
![local](https://github.com/adazzle/react-data-grid/assets/161212380/4173e277-c9be-4f24-adbe-fecd674e0510)

What the header cell looks like in staging environment:
![staging](https://github.com/adazzle/react-data-grid/assets/161212380/d44db50a-3a30-4549-a3c9-09a08a4e0498)

## Expected behavior
Header cell should expand to fill the entire width of the column. Expected behavior is seen in local environment but not in staging.

## Environment

- `react-data-grid` version: 7.0.0.beta42
- `react`/`react-dom` version: 18.2.0

## Additional context

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.