# Perspective table auto scroll down on data pop up

**URL:** <https://forum.inductiveautomation.com/t/perspective-table-auto-scroll-down-on-data-pop-up/55094>\
**Category:** Ignition\
**Tags:** ignition80, ignition81, perspective\
**Created:** [January 18, 2022, 4:21am UTC](https://forum.inductiveautomation.com/t/perspective-table-auto-scroll-down-on-data-pop-up/55094 "2022-01-18T04:21:57Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![deepak.nule](https://avatars.discourse-cdn.com/v4/letter/d/848f3c/32.png) [@deepak.nule](https://forum.inductiveautomation.com/u/deepak.nule)\
**Post date:** [January 18, 2022, 4:21am UTC](https://forum.inductiveautomation.com/t/perspective-table-auto-scroll-down-on-data-pop-up/55094/1 "2022-01-18T04:21:57Z")

</div>

Do we have way to scroll down perspective table based on data update or specified frequency

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [January 18, 2022, 8:10am UTC](https://forum.inductiveautomation.com/t/perspective-table-auto-scroll-down-on-data-pop-up/55094/2 "2022-01-18T08:10:20Z")

</div>

not in an easy way no 😕

i made some suggestions on this topic and he got it to work.  
you basically gotta add a custom view in one of your colums and send a message to it to call a focus() in there.  
virtualized columns prop has to be in the correct setting too.

> [@How to scroll to the highlighed row of the table](https://forum.inductiveautomation.com/t/how-to-scroll-to-the-highlighed-row-of-the-table/54039/26):
>
> You gotta put the if here returned\_rows.append(row\_dict) if not self.(...).custom.Confirmed: system.perspective.sendMessage("RowFocus") self.props.selection.selectedRow=-1 And here you just set it false. dont trigger an other message here self.(…).custom.confirmed = false

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [January 18, 2022, 4:25pm UTC](https://forum.inductiveautomation.com/t/perspective-table-auto-scroll-down-on-data-pop-up/55094/3 "2022-01-18T16:25:19Z")

</div>

You might also be able to supply the desired row a DOM Id and navigate to that ID via URL.

This would require you to render at least one of your columns as a View. That View would need to accept some parameter (named as you desire). The view should set either the root or some child component’s `meta.domId` property to the incoming parameter. Your data update or timer should navigate to the current page and specify the DOM ID in use at the end of the URL:

Original URL:  
`<gateway_ip>:<port>/data/perspective/client/<project_name>/<path_within_project>`

With targeted DOM ID:  
`<gateway_ip>:<port>/data/perspective/client/<project_name>/<path_within_project>#<dom_id>`

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [January 19, 2022, 2:11pm UTC](https://forum.inductiveautomation.com/t/perspective-table-auto-scroll-down-on-data-pop-up/55094/4 "2022-01-19T14:11:11Z")

</div>

DomId navigates (aka. “anchor links”) may not always scroll to the desired position if done a lot in succesion. (to my experience)

Also will that work on a popup?

Its worth a try though as its quite a bit easier than setting up messages

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [January 19, 2022, 4:04pm UTC](https://forum.inductiveautomation.com/t/perspective-table-auto-scroll-down-on-data-pop-up/55094/5 "2022-01-19T16:04:55Z")

</div>

Oh, I doubt it would work in a Popup. My approach assumed the Table was in the primary view.

---

<div class="post-metadata">

**Author:** ![James\_Caudle](https://avatars.discourse-cdn.com/v4/letter/j/5f9b8f/32.png) [@James\_Caudle](https://forum.inductiveautomation.com/u/James_Caudle)\
**Post date:** [October 17, 2023, 5:35pm UTC](https://forum.inductiveautomation.com/t/perspective-table-auto-scroll-down-on-data-pop-up/55094/6 "2023-10-17T17:35:27Z")

</div>

> [@cmallonee](#):
>
> The view should set either the root or some child component’s `meta.domId` property to the incoming parameter.

Do you have any suggestions/advice if a dynamic DOM Id isn't appearing in the table's view rendered column? 8.1.28?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [October 18, 2023, 5:22pm UTC](https://forum.inductiveautomation.com/t/perspective-table-auto-scroll-down-on-data-pop-up/55094/7 "2023-10-18T17:22:39Z")

</div>

Make sure your param mapping is correct; passing and receiving values/params to rendered Views is surprisingly tricky and fragile. I know it works because we have testing around it, so I would start by examining the `params` category of the View being instanced by the column. Make sure you have a `value` object at the top level, and that `value` object needs to have keys in place for every key you plan on using for the column.

Suppose you have data with the following structure, and you're rendering the "second" column as a View:

```auto
[
    "first": 1
    "second": {
        "id": "X",
        "name": "Cody"
    }
]

```

Your `params` category within your instanced View should look like this:

![Screenshot 2023-10-18 at 10.20.41 AM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/3/636ee7513642c8834179ed4a457370fada5698ce.png)

And the binding on the relevant `domId` should look like this:

![Screenshot 2023-10-18 at 10.22.23 AM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/6/b6b70d5551b6bb983aa48e8708c4481c21d7fc2d.png)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [October 18, 2023, 5:34pm UTC](https://forum.inductiveautomation.com/t/perspective-table-auto-scroll-down-on-data-pop-up/55094/8 "2023-10-18T17:34:59Z")

</div>

Keep in mind that the Table is passing these values to params _based on the shape of the column_ within `data`. If your column has a simple "value" and is not an object, then that value is all that is passed, and so `params.value` should then be a simple value with no keys.
