nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

FeatureTable Scroll to Selection

VIKRANTKRISHNA

I am using FeatureTable of JavaScript API 3.19.

featuretable is long list with scrolling and I am trying to scroll to the row when corresponding feature is selected on the map. I is have set syncSelection: true , so table row get highlighted , but I can't find a way to scroll to the selected row.

Anyideas will really help.

Thanks,

Vik

Find more posts tagged with

Accepted answers

All comments

VIKRANTKRISHNA

I am using 3.15

AaronGibson

I don't think that would cause an issue. I use it in a complex UI as well and it works. Hard to say without seeing the application. Are you using the ArcGIS Javascript API 3.18 or higher?

VIKRANTKRISHNA

Seems to not working for me.

I have custom panel in my app, where I am rendering the feature table. Its a custom UI design, tabs includes tabs and other div hierarchies . Could the design and css of parent container be the problem?

AaronGibson

Hey Vik,

You can use selectRows() function to scroll to the selected rows. You will need the the ObjectID for each row that you want selected, it will only scroll to the first one in the set.

https://developers.arcgis.com/javascript/3/jsapi/featuretable-amd.html

look for

selectRows(ids, scrollToRow?)

Allows users to select rows(s) based on row id(s). Selected rows will be highlighted while other records are still visible in the table. (Added at v3.18)

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.