Comments (9)
Hi @degraeve,
Could you provide a sample code to help identifying this issue?
Regards
from jquery-freeze-table.
https://jsfiddle.net/degraeve/g2fcrjph/
Apologies for the crufty code example. This example doesn't seem to have the mouse wheel scrolling problem (might be something specific to jsfiddle), but it does have a problem when DOM elements are added to the page above the tables with frozen headers and columns.
To reproduce:
- Scroll the tables horizontally and vertically.
- Click a black value in the top table. A form will appear above the tables.
- The "frozen" rows and columns will remain in their absolute position and appear on top of the form that has been revealed.
- Scrolling the page causes the "frozen" rows and columns to snap back into place.
As I reconstructed the example, I realized this may not be a bug in your library. It's possible I'm not using the library correctly or there are conflicts between the library and 20 years of css and js cruft that is getting included on the page.
from jquery-freeze-table.
Thank you for providing the example and the instructions.
You can try to block the body scrolling design and only allow the table to scroll.
Cheers!
from jquery-freeze-table.
I'm having the same issue, but I don't understand your workaround @yidas , could you please elaborate?
from jquery-freeze-table.
I've checked your demos and the behaviour unfortunately is the same:
the top
property is too slow to update, so there's always a lot of delay when scrolling up and down resulting in the sticky columns not staying attached to the rest of the table.
The framerate of the GIF doesn't allow to see the problem very well, but it's way more noticeable in real life.
from jquery-freeze-table.
The slow problem is due to computer performance, and the frozen column costs more performance.
You can try to use single freezeTable in a web page and see if it's faster on your device.
from jquery-freeze-table.
hi @yidas thanks for coming back. I understand that, but there's gotta be something wrong somewhere in the library's code. I have used other plugins that constantly update the top property and they never performed nearly as bad :(
This is how it looks like from mobile, and these are my mobile device specs (not exactly a potato):
CPU: Kirin 970
RAM: 4GB
I even tried to remove all the JavaScript on my website, but it doesn't help at all :/
from jquery-freeze-table.
Which plugin do you use for good performance?
from jquery-freeze-table.
Having the same issue, even on the demo page I'm seeing this:
Its not just slow to catch up, it actually never fully slides into correct position.
Same as above, its fine with scrollbar and only a problem using mouse wheel.
from jquery-freeze-table.
Related Issues (20)
- column width changes on scroll when user does modification at runtime HOT 1
- how to freeze last column? HOT 2
- Text inputs in header getting filled with wrong values HOT 1
- header position change (not fix) after scroll HOT 1
- Scrolling horizontally bug HOT 1
- css problem when horizontal scrolling HOT 2
- cannot using two freeze table in diffrent tabs HOT 3
- Is it possible to have the shadow on the right side? HOT 11
- clone-column-table-wrap isn't relative to its container. HOT 1
- Using with Asp.Net GridView Table HOT 1
- Set top "50px" Offset to the freeze header table. HOT 4
- Internet Explorer 11 Does Not Show Horizontal Scrollbars
- First and last column fixed - how?
- Fixed header calculation not accounting for spacing
- Duplicating id attributes in DOM
- Table head (TH) overlaps with content after table. HOT 1
- Not working together with previous position sticky div HOT 2
- Plugin disables table sorting HOT 4
- Input values in form contained in div with freeze
- 指定table表格高度,假如第一列固定,会出现以下问题 HOT 2
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 jquery-freeze-table.