* Calculates the number of cells to overscan before and after a specified range.
* This function ensures that overscanning doesn't exceed the available cells.
* @param cellCount Number of rows or columns in the current axis
* @param scrollDirection One of SCROLL_DIRECTION_BACKWARD or SCROLL_DIRECTION_FORWARD
* @param overscanCellsCount Maximum number of cells to over-render in either direction
* @param startIndex Begin of range of visible cells
* @param stopIndex End of range of visible cells
hope this fix your issue Sounds like you want the header icons to work similarly to how react-virtualized Table headers work. The basic approach to this requires you to track both sort-by and sort-direction at the level of your Grid. You seem to be tracking it in component state at the level of a column which will run into the issue you've mentioned.
Sortable rows using react-sortable-hoc and react-virtualized's MultiGrid
I wish this helpful for you I've been trying to make the react-virtualized's MultiGrid sortable. In the end, I adjusted the MultiGrid's Grids to get my desired effect. However, when sorting, the rows don't transition properly and always move to the extremes (topmost or bottom most). Heres a codesandbox demo of what I've made so far: https://codesandbox.io/s/5kl4z8olrn , Styles were needed for the rows to properly sort and transition.
around this issue i am working on same kind of application where i want to perform some operation when i clicked somthing on cell and also made them sortable. it can be achieved in two ways add delay prop pressDelay props in SortableContainer HOC. docs let's say pressDelay=500. what this will do is that if you hold your click for 500ms the row will become sortable otherwise just normal click event will fire.in my opinion this will work just fine