How to keep the focus on the current data table on a lengthy data page

Asked Oct 12 '17 at 15:47

Active Oct 12 '17 at 15:54

Viewed 26 times

I am working on an application where i have some data tables listed one by one on a lengthy page (I know this it's a bad user experience, but this is my requirement).

There is an option to create a customer for one of a data table.

Issue: When i click the add button, the page scrolls to the top, which confuses the user by not letting which data table he made the changes.

I know this will do,

$('html, body').scrollTop( $(document).height() );

Any workaround other than this, to stay back on the same location where the data-table resides? or is the browser's default behavior? This is happening in all the browsers.

Note: I am not refreshing the page.

edited Oct 12 '17 at 15:54

Sergio Tulentsev

219,187
42
361
354

asked Oct 12 '17 at 15:47

steeve

If you are not refreshing the page, then why the page scrolls to the top? Is your button not an actual button, but a link with `href='#'` or something? – Sergio Tulentsev Oct 12 '17 at 15:54
@SergioTulentsev: No, i am not refreshing the page. It is an anchor tag with href='#'. – steeve Oct 12 '17 at 15:59
It seems that `Link` won't scroll. Try that. – Sergio Tulentsev Oct 12 '17 at 16:01
Let me try this and update you... – steeve Oct 12 '17 at 16:02
This is working fine, Thanks @SergioTulentsev – steeve Oct 13 '17 at 12:04

How to keep the focus on the current data table on a lengthy data page

0 Answers0