Git Product home page Git Product logo

Comments (9)

yidas avatar yidas commented on May 25, 2024

Hi @degraeve,

Could you provide a sample code to help identifying this issue?

Regards

from jquery-freeze-table.

degraeve avatar degraeve commented on May 25, 2024

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:

  1. Scroll the tables horizontally and vertically.
  2. Click a black value in the top table. A form will appear above the tables.
  3. The "frozen" rows and columns will remain in their absolute position and appear on top of the form that has been revealed.
  4. 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.

yidas avatar yidas commented on May 25, 2024

@degraeve,

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.

alessandro-newzoo avatar alessandro-newzoo commented on May 25, 2024

I'm having the same issue, but I don't understand your workaround @yidas , could you please elaborate?

from jquery-freeze-table.

alessandro-newzoo avatar alessandro-newzoo commented on May 25, 2024

I've checked your demos and the behaviour unfortunately is the same:

table

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.

yidas avatar yidas commented on May 25, 2024

@alessandro-newzoo,

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.

alessandro-newzoo avatar alessandro-newzoo commented on May 25, 2024

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

ezgif com-optimize (1)

I even tried to remove all the JavaScript on my website, but it doesn't help at all :/

from jquery-freeze-table.

yidas avatar yidas commented on May 25, 2024

Hi @alessandro-newzoo,

Which plugin do you use for good performance?

from jquery-freeze-table.

bobemoe avatar bobemoe commented on May 25, 2024

Having the same issue, even on the demo page I'm seeing this:
2020-02-22-150625_767x570_scrot
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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.