search

vikramlearning / blazorbootstrap

An Enterprise-class Blazor Bootstrap Component library built on the Blazor and Bootstrap CSS frameworks.
https://docs.blazorbootstrap.com/
Apache License 2.0
670 stars 32 forks source link

Grid: Scroll to the bottom programmatically #308

Open joselitogatchalianalonzo opened 1 year ago

joselitogatchalianalonzo commented 1 year ago

I'm adding rows to the grid dynamically. Whenever the number of rows exceeded the height of the grid, I want to scroll it automatically to the bottom so that user can always see the last item entered. Please let me know how can I accomplish this task. Note: I set AllowPaging=false. It will be great if you can provide sample code.

joselitogatchalianalonzo commented 9 months ago

Hi @gvreddy04, Here is the video on how I'm doing it. As you can see, user is manually scrolling to the bottom of the Grid in order to see the last item entered. It will be good if I can scroll to the bottom programmatically. I'm also planning to use the Grid in POS (Point of Sales) wherein item is dynamically added to the grid after scanning barcode. I hope you can spare time on this, as it is a very good feature. There are many use cases for this.

https://github.com/vikramlearning/blazorbootstrap/assets/68423158/406b271a-d02d-45b7-be66-e4f5c0bd07ab

jclarkcds commented 1 month ago

I just came across the same issue, as we are scanning inventory item counts. The items fill the grid in the same way and are hidden once the grid is full. Is there a way to accomplish scrolling?