Table Element "scroll to" functionality

Is there a way to auto-scroll to a specific row of a table with the Table Element (there is a workflow action to scroll to an RG entry, want the same for Table Element).

I found a functional work-around that might be useful to others.

when I want to scroll to a specific row (in my case, I am advancing row-by-row from the top as the user clicks a button), I simply hide the top level groups inside each cell of the top row, and make sure they collapse. When the row is sized to content, it animates away.

Not the ideal solution, but good enough to move on to the next issue. For now. Still would like to have the ability to scroll to any row, or element inside the row via row index.

In my use case, horizontal table, I add javascript code in my workflow to scroll in direction X, and it work for me:

const container = $('.bubble-table:visible');
const gotoIndex = 0 ; // the index you want to scroll to
const cell = container.find('.group-item').eq(gotoIndex);
if (cell.length) {
const scrollLeft = cell.position().left + container.scrollLeft();
container.animate({ scrollLeft }, 'slow');
console.log('scrollLeft', scrollLeft)
};

1 Like

This topic was automatically closed after 70 days. New replies are no longer allowed.