JavaScript data grid for millions of rows [closed]

by

(Disclaimer: I am the author of SlickGrid)

UPDATE
This has now been implemented in SlickGrid.

Please see http://github.com/mleibman/SlickGrid/issues#issue/22 for an ongoing discussion on making SlickGrid work with larger numbers of rows.

The problem is that SlickGrid does not virtualize the scrollbar itself – the scrollable area’s height is set to the total height of all the rows. The rows are still being added and removed as the user is scrolling, but the scrolling itself is done by the browser. That allows it to be very fast yet smooth (onscroll events are notoriously slow). The caveat is that there are bugs/limits in the browsers’ CSS engines that limit the potential height of an element. For IE, that happens to be 0x123456 or 1193046 pixels. For other browsers it is higher.

There is an experimental workaround in the “largenum-fix” branch that raises that limit significantly by populating the scrollable area with “pages” set to 1M pixels height and then using relative positioning within those pages. Since the height limit in the CSS engine seems to be different and significantly lower than in the actual layout engine, this gives us a much higher upper limit.

I am still looking for a way to get to unlimited number of rows without giving up the performance edge that SlickGrid currently holds over other implementations.

Rudiger, can you elaborate on how you solved this?

More Related Contents:

  1. Is variable rowheight a possibility in SlickGrid?
  2. PLEASE assist me.. RE: *FORM FIELDS* I want to Hide() my "type=text box" until the Other option is chosen in the dropdown option
  3. How to hide css and js version details from weppalyzer in PHP
  4. Dynamically adding div on button click and changing Id of each?
  5. How to make page loaders/animations/transitions
  6. How do I pass a URL as a parameter? [closed]
  7. Get specific text from html tag jquery [duplicate]
  8. How to change the image while sharing the content to the social networks? [duplicate]
  9. .index() only for one instance of class [closed]
  10. How to scroll an HTML page to a given anchor
  11. How to detect Ctrl+V, Ctrl+C using JavaScript?
  12. How to show Page Loading div until the page has finished loading?
  13. How to reload current page without losing any form data?
  14. Jquery load() only working in firefox?
  15. How do I add an “Add to Favorites” button or link on my website?
  16. Chrome Extension how to send data from content script to popup.html
  17. Using jQuery how to get click coordinates on the target element
  18. How to prevent page from reloading after form submit – JQuery
  19. How to build simple tabs with jQuery?
  20. How to get the html of a div on another page with jQuery ajax?
  21. How can I get all a form’s values that would be submitted without submitting [duplicate]
  22. Jquery click event not firing on the element created dynamically using jquery
  23. Calculate Position of selected text javascript/JQuery?
  24. Adding onClick event dynamically using jQuery
  25. How do I refresh a DIV content?
  26. Get content of span
  27. Changing “src” attribute of
  28. Fire oninput event with jQuery
  29. Detect if dropdown navigation would go off screen and reposition it
  30. canvas- Cropping images in different shapes

Leave a Comment