Comments (11)
Kam and I are looking at adapting the code here and here to provide another scrolling handler similar to ReactWheelHandler.
The major challenge for us will be validating that the solution works on different devices and setups. Particularly the cases mentioned of plugging a touchscreen laptop into an external monitor with a mouse may be challenging.
As such, we'll try to release a beta solution sometime this week which only enables the functionality if a flag is passed in as a prop. We can then address any issues based on feedback. Thanks for reporting!
from fixed-data-table-2.
Have some basic functionality up behind a flag, as well as an example.
Would appreciate it if you could checkout the PR and test it for your use case :)
from fixed-data-table-2.
We've merged this issue in and will release behind a flag as part of 0.6.6 shortly. I'll close for now, but please try it out and open new issues for any instability or lack of smoothness you find.
from fixed-data-table-2.
Awesome, that was fast! It seems to work when I start dragging, but if I move my finger to the side it stops scrolling vertically. See my note on #7 (comment).
from fixed-data-table-2.
Thanks for working on this,
I have a similar issue, can't scroll on mobile devices, is there any updates ?
from fixed-data-table-2.
Hey @mahmoudfelfel, we have a PR up here which enables touch scrolling when a touchScrollEnabled={true} prop is passed into the table. Feel free to check it out and let us know if you find any issues with it.
Right now we're trying to resolve issues related to scroll stopping when your finger leaves the table and adding scroll deceleration so the scroll doesn't stop immediately when you remove your finger. I hope to have a more detailed update to you later this week.
from fixed-data-table-2.
@wcjordan thanks for your reply, and certainly will check the PR, test it, and give my feedback and will add comments on the PR for any issues i find.
from fixed-data-table-2.
I've added some momentum scrolling when drag is released and some tuning to make scroll smooth here: wcjordan@bffbf89
I'll integrate it with Kam's open PR when I have a chance to sync with him.
from fixed-data-table-2.
@wcjordan Hi, do we have any plan to support touch scrolling natively on touchscreen PCs? It seems for the time being Fixed-data-table-2 can only be scrollable in Chrome on touchscreen PCs. Thanks!
from fixed-data-table-2.
I'd be open to PRs but don't want to get to into the thick of figuring out support for browsers which haven't implemented the Touch Events API. You're welcome to experiment with the binding here. If you find something that works, feel free to extract the logic into a component and submit a PR.
from fixed-data-table-2.
Thanks, @wcjordan ! This is very helpful.
from fixed-data-table-2.
Related Issues (20)
- Does it provide infinite scroll? HOT 1
- Resizable rows? HOT 5
- Need drop and play example HOT 3
- Sometimes when scrolling through table rows, I receive warning: Failed prop type: The prop `index` is marked as required in `FixedDataTableRowImpl`, but its value is `null`. HOT 4
- Check the column/cell visibility HOT 9
- Z-index 1 set on column header causes header to overlap other elements HOT 6
- Vertical scroll bar when we have many columns HOT 2
- Cannot read properties of null (reading 'onWheel') HOT 6
- Cannot read properties of null (reading 'setRoot') HOT 4
- React 18 question HOT 4
- "Global is not defined" in React Vite app HOT 2
- Error when refreshing data in table with "smaller" data HOT 5
- Is there a way to implement multi-level headers in Fixed Data Table 2 HOT 3
- When using variable row heights, setting `scrollTop` doesn't work well. Fix proposed HOT 4
- Resize line not shown when "maxHeight" is set. HOT 2
- Column resize doesn't properly work on mobile HOT 11
- Resize vertical bar public in header_ FixedDataTableColumnResizerLine_ Main positioning is not accurate HOT 4
- "site-dev-server" script doesn't work after upgrading to npm 9.8.0 HOT 4
- Scroll to an exact position when clicking the scrollbar track doesn't work in case of variable row heights and isVerticalScrollExact = true HOT 3
- Help with keeping scrollLeft property in components in each row when scrolling vertically. HOT 7
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 fixed-data-table-2.