Closed lincolnthree closed 1 year ago
Or, possibly create a method to call to get the current item specs:
const { itemHeight, itemWidth, itemsPerRow } = this.scroll.getItemDimensions()
PS. This is quite possibly the best multi-column virtual scroll library I have EVER tested, and I've been looking for a replacement for ngx-virtual-scroll
for a LONG time - for years. I'm super impressed by this, and the way you've created a thin-wrapper for responsive components that presents a very fluent design using annotations and simple APIs. I haven't grokked all of it yet, but so far ... very nicely done.
Have you used this with Angular 15+
?
@Sampath-Lokuge Yes! I had to modify the package.json, but it works great. I've tested on Safari, and Chrome, as well as iOS and Android Webview, so far.
Ok sure, thanks a lot!
@lincolnthree Makes sense! itemsPerRow
is now exposed as a public property in the upcoming 0.3.0 version.
@lincolnthree Really appreciate the feedback! I made the library largely out of frustration of being unable to find a satisfactory multi-column virtual scroll implementation. Glad to see others are finding it useful!
It is sometimes useful to understand how many items per row are currently being rendered, outside of the component itself. Something like this:
virtual-scroll.component.ts: line 291
page.html
page.ts