Show HN: Smart-table-scroll – Browser-based tables with 1M rows

What would be your use case? Apart from this being a nice feat of technology and the possibility of loading the data asynchronously, in what scenario would it be practical to present 1K+ rows of data to a user? It's infeasible or at least very impractical to examine them by hand - some sorting/filtering possibility is necessary for large datasets and if your filters still return 1K+ rows you could have filtered on something more specific.

This seems nice enough, and is certainly performant, but it strikes me that the majority of the things you&#x27;d often want to do with a data table like this (filtering and sorting, selecting rows, to name a few) would all be quite a pain to handle with this implementation.<p>I&#x27;ve used Facebook&#x27;s FixedDataTable too, which is also performant and relatively minimal, and it was also moderately painful to achieve even quite simple things.

I have used similar techniques to achieve this in both dimensions, ie x+y.<p>The basic premise was ala google maps, a view port div, a massive div (map) within the view port for the scrollbar support, the concept of a virtual buffer area around the viewport and then a collection of tiles (tables) that would have data rendered into them and then be appropriately positioned into the buffer area around the viewport as one scrolls. Works well, have tested up to 40mm rows and columns and works in ie8 up to 4mm rows. Also supports random column and row sizes littered throughout the sheet. This solution does also break native in browser search though as mentioned in other comments.

Something similar from Airbnb <a href="http:&#x2F;&#x2F;airbnb.io&#x2F;infinity&#x2F;" rel="nofollow">http:&#x2F;&#x2F;airbnb.io&#x2F;infinity&#x2F;</a>

One thing a lot of fixed header plugins dont do well is make sure that the header cells properly line up with body cells. Things usually break down as soon as you start resizing the window, adding your own custom styles, hiding columns... etc.<p>How well does this plugin handle that? I noticed you didnt use a table, so perhaps you dont really care about styling it like one either.

Here&#x27;s another implementation of a table that can handle a large amount of rows: <a href="http:&#x2F;&#x2F;jarwol.com&#x2F;aTable" rel="nofollow">http:&#x2F;&#x2F;jarwol.com&#x2F;aTable</a>. I created it a few years ago as a need for another side project I was doing.

Have a look at: <a href="https:&#x2F;&#x2F;github.com&#x2F;iljamaas&#x2F;vanilla-js-smartscroll" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;iljamaas&#x2F;vanilla-js-smartscroll</a><p>No jQuery needed, with eventing and keyboard navigation

Really impressive work. Sounds like this would break in-browser search though.

Nice, reminds me on the table views in iOS.