Comments (8)
I (think) the problem could be because you are sorting it by moving one tr at a time, which means the browser has to draw this tr each time is moved, and maybe maybe, could be that the same TR moves up and down one too many times unnecessarily, this maybe can be avoided if the data is sorted using arrays and then manipulate the dom with the result. (it may help speed up the sorting)
Also this may help ...
http://stackoverflow.com/questions/1340589/javascript-are-loops-really-faster-in-reverse#13136778
from stupid-table-plugin.
Thanks for the bug report. Your second comment is incorrect, though. I'm not sorting by moving the trs around. See here. That returns an array, and the other columns are rearranged according to the sort map (so that they match the array sorted). The dom is only touched in one spot, which is here.
from stupid-table-plugin.
oh I see, I was just suggesting it, do you think it could be that tables are pretty slow ?
or have any idea as to what it could be ?
from stupid-table-plugin.
Drawing that many elements may just be too slow. It's probably why most table plugins paginate.
from stupid-table-plugin.
You could time how long it takes to reach right before the .append()
via https://developers.google.com/chrome-developer-tools/docs/console-api#consoletimelabel, and then see how long the append()
takes. I bet the actual rendering of the elements is the bottleneck and not the sort.
from stupid-table-plugin.
when you append, it's a lot faster to use $('table').emty()
then append one by one... than trying to redraw the table with the new row on a new position...
Could this be a possible approach ?
from stupid-table-plugin.
We aren't appending one by one. We append the entire HTML
from stupid-table-plugin.
#97 aims to provide performance improvements.
from stupid-table-plugin.
Related Issues (20)
- Wrong behavior when stupid_table is inside an other table (bug) HOT 3
- Sorting - Remembering? HOT 2
- NFR: Mark the initializer of the table HOT 1
- Can't sort multiple float columns. Only 1 works HOT 1
- default sorting HOT 1
- Request for a new maintainer HOT 1
- Resort table HOT 3
- Sorting only works when there is more than 2 rows HOT 8
- Doesn't work at all...
- Doesn't sort properly... HOT 4
- Next row doesn't have columns, so I get a "b is undefined" error. Can I sort on every other row?
- Sort IP Address HOT 1
- Incorrect sorting of columns containing word+number, and numbers containing spaces. HOT 3
- data-sort-value clearing 0 values HOT 1
- Does not sort properly HOT 5
- How to sort a dynamically created table (by ajax)? HOT 2
- Cannot read property 'string' of undefined HOT 1
- Problems with data-sort-value
- possible to specify an element trigger sorting other than default TH?
- Is it possible to add div element inside Stupid Table?
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 stupid-table-plugin.