Is cell visible within viewport

Tags: #<Tag:0x00007f8b1dd42768>
#1

Hello,

In my app I need to supply cell’s data dynamically (from Web API).
Total number of rows to update can be very big.
I want to request (and then set) data only for cells that are visible within viewport.

I have tried two methods:

  • GetCell (returns null if cell is not visible);
  • getFirstVisibleRow(), getLastVisibleRow() from autoRowSize plugin.

Both methods are not accurate. First returns more rows than actually visible, second returns less rows than on screen.

Is there any better way? I guess I can try to use getBoundingClientRect() on cell, but I do not know which HTML elem to use for viewport.

Thank you for any tips,
Igor.

#2

Hi @igort

Here’s a set of methods to defined the scope of cells in the viewport (updated on each table scroll)

If you’d need anything more than that let me know.

#3

getFirstVisibleRow / getLastVisibleRow work.
However, getLastVisibleRow() is not accurate, it returns lesser number, I have to add 3 to get actual number. I guess that magical 3 will break sometime.

#4

Hi @igort

Is the method with adding 3 works well? If not we can discuss some options.

#5

I think that I can close this ticket as there’s no feedback for nearly a month.

However, feel free to contact me at support@handsontable.com or open a new ticket.

#6