Ui-table scroll to specific row

Dashboard
1

I have a table containing a music playlist that has 1000 entries. Is there anyway to get it to scroll down to a specific song?

I thought the command selectRow might do it, but that just selects it, it does not bring into view

Thanks

2

Hello .. you can use the scrollToRow command by sending a msg.payload ui_table command object

Example scroll to row 15 :

{
    "command": "scrollToRow",
    "arguments": [
        15
    ],
    "returnPromise": false
}

Example Flow :

[{"id":"bc380b4b.e2d668","type":"inject","z":"54efb553244c241f","name":"Populate Table","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"[{\"id\":1,\"Name\":\"Kazuhito Yokoi\",\"Age\":\"35\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/09/1983\"},{\"id\":2,\"Name\":\"Oli Bob\",\"Age\":\"12\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/08/2017\"},{\"id\":3,\"Name\":\"Kazuhito Yokoi\",\"Age\":\"35\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/09/1983\"},{\"id\":4,\"Name\":\"Oli Bob\",\"Age\":\"12\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/08/2017\"},{\"id\":5,\"Name\":\"Kazuhito Yokoi\",\"Age\":\"35\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/09/1983\"},{\"id\":6,\"Name\":\"Oli Bob\",\"Age\":\"12\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/08/2017\"},{\"id\":7,\"Name\":\"Kazuhito Yokoi\",\"Age\":\"35\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/09/1983\"},{\"id\":8,\"Name\":\"Oli Bob\",\"Age\":\"12\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/08/2017\"},{\"id\":9,\"Name\":\"Kazuhito Yokoi\",\"Age\":\"35\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/09/1983\"},{\"id\":10,\"Name\":\"Oli Bob\",\"Age\":\"12\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/08/2017\"},{\"id\":11,\"Name\":\"Kazuhito Yokoi\",\"Age\":\"35\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/09/1983\"},{\"id\":12,\"Name\":\"Oli Bob\",\"Age\":\"12\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/08/2017\"},{\"id\":13,\"Name\":\"Kazuhito Yokoi\",\"Age\":\"35\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/09/1983\"},{\"id\":14,\"Name\":\"Oli Bob\",\"Age\":\"12\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/08/2017\"},{\"id\":15,\"Name\":\"Kazuhito Yokoi\",\"Age\":\"35\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/09/1983\"},{\"id\":16,\"Name\":\"Oli Bob\",\"Age\":\"12\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/08/2017\"},{\"id\":17,\"Name\":\"Oli Bob\",\"Age\":\"12\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/08/2017\"},{\"id\":18,\"Name\":\"Kazuhito Yokoi\",\"Age\":\"35\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/09/1983\"},{\"id\":19,\"Name\":\"Oli Bob\",\"Age\":\"12\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/08/2017\"}]","payloadType":"json","x":500,"y":1000,"wires":[["2460c057.cfbc4"]]},{"id":"2460c057.cfbc4","type":"ui_table","z":"54efb553244c241f","group":"625872f.40b1e8c","name":"","width":0,"height":4,"columns":[],"outputs":0,"x":690,"y":1020,"wires":[]},{"id":"f16376977b285443","type":"inject","z":"54efb553244c241f","name":"Scroll to row 15","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"{\"command\":\"scrollToRow\",\"arguments\":[15],\"returnPromise\":false}","payloadType":"json","x":500,"y":1060,"wires":[["2460c057.cfbc4"]]},{"id":"625872f.40b1e8c","type":"ui_group","name":"Default","tab":"58c2aa06.ef46e4","order":1,"disp":true,"width":"6","collapse":false},{"id":"58c2aa06.ef46e4","type":"ui_tab","name":"Home","icon":"dashboard","disabled":false,"hidden":false}]
1 Like
3

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.