swimlane / ngx-datatable

✨ A feature-rich yet lightweight data-table crafted for Angular
http://swimlane.github.io/ngx-datatable/
MIT License
4.63k stars 1.68k forks source link

Slow and laggy performance on mobile devices #1212

Open Corona17 opened 6 years ago

Corona17 commented 6 years ago

I'm submitting a ... (check one with "x")

[X] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior Scrolling the data tables is very slow and jerky on mobile. Using frozen columns is even worse.

Expected behavior Smooth scrolling on mobile devices. Frozen columns should stick to their respective sides without being pulled and snapped back.

Reproduction of the problem I am making an Ionic app and have successfully integrated the ngx-datatables into my project. Testing the app using Ionic View produces this problem. Using Google Chrome browser on desktop and using the device emulator on the Dev Tools also reproduces this issue. (In Google Chrome right click, inspect element, toggle device toolbar [top left], select iPhone or Android devices, refresh the page).

What is the motivation / use case for changing the behavior? I am developing a mobile application using the Ionic Framework as part of my job. I will need to use multiple tables to display complex data for mobile devices. As Angular is a framework targeting mobile web and native mobile apps, as well as speed and performance, it makes sense that this module should also be optimised for mobile devices.

Please tell us about your environment:

Windows 10 Visual Studio Code npm Node ionic info:

Ionic Framework:
    ionic/cli-utils: 1.19.0
    ionic (Ionic CLI): 3.19.0

Global Packages:
    Cordova (Cordova CLI): 7.1.0

Local Packages:
    @ionic/app-scripts: 3.1.5
    Cordova Platforms: browser 5.0.1
    Ionic Framework: ionic-angular 3.9.2

System:
    Node: v8.9.2
    npm: 5.5.1

I can provide a working example to my app upon request (using Ionic View sharing).

amcdnl commented 6 years ago

I don't think a datatable is a very good experience for mobile devices. Lists or cards should be used in those cases IMO. That said, we should make sure its not a super terrible experience. I'll look into this when i get some time.

Corona17 commented 6 years ago

Thanks amcdnl. I will use cards where I can but it's much easier to compare rows/oversee large data much easier with a table, and the user is expecting to see this data in tabular form. Maybe when the app is released I can continue to work on a more innovative user experience but for now my boss just wants me to release a working app. Hopefully you have some good news for me soon, thanks! :)

LHLK commented 6 years ago

Any update on this issue. Or provide some temp 'fix' or suggestion for now.