Comments (1)
I've faced with the same issue. I noticed that changing the grid area causes the column widths to be recalculated. But the grid virtualization excludes columns outside the screen from the width recalculation, so these steps worked for me:
Firstly, I disabled a virtualization for the columns only by making a patch following this comment: #3249 (comment) .
Secondly, I patched a lib/bundle.js
file by changing this line
const ignorePreviouslyMeasuredColumns: boolean =
...
to that one
const ignorePreviouslyMeasuredColumns: boolean = true;
(https://github.com/adazzle/react-data-grid/blob/main/src/hooks/useColumnWidths.ts#L23C7-L23C7).
I can't say I 100% understand what my changes led to, but it works pretty well for me now, I haven't noticed any performance issues. I hope this workaround helps you too.
from react-data-grid.
Related Issues (20)
- Hide header
- Space Navigation
- Make the cell tooltips keyboard accessible. HOT 2
- Editor getting activated on ANY key press HOT 1
- String field cannot be focused when trying to edit it
- Calculated Column is incorrectly not rendered when spanning multiple columns
- React Server Components Support
- UI Crash from NextJS HOT 13
- Header cell collapses when resizable set to true and promoted to staging environment HOT 15
- (Chrome) Scrollbar not working when parent/grandparent's scrollbar is visible
- Columns with auto width are not adjusted when rows are added after 1st render HOT 1
- Grouping & Sorting with different fields at same time
- Crash on click on grouping row when `onFill` is set
- Sorting and filter is not working using react data grid HOT 1
- Cannot read properties of undefined (reading 'parent')
- `onCellKeyDown `does not trigger on header cells.
- react-data-grid css design break when production mode in next.js project. HOT 1
- React Data Grid Ul crashes after running npm run build and npm run start---next.js
- Is there a notes for an updates? HOT 3
- vertical scroll is not working as expected when first column is frozen
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-data-grid.