# Node red dashboard UI table

**URL:** <https://discourse.nodered.org/t/node-red-dashboard-ui-table/85299>\
**Category:** Dashboard\
**Created:** [7 February 2024 18:32 UTC](https://discourse.nodered.org/t/node-red-dashboard-ui-table/85299 "2024-02-07T18:32:10Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nilava1992](https://avatars.discourse-cdn.com/v4/letter/n/34f0e0/32.png) [@Nilava1992](https://discourse.nodered.org/u/Nilava1992)\
**Post date:** [7 February 2024 18:32 UTC](https://discourse.nodered.org/t/node-red-dashboard-ui-table/85299/1 "2024-02-07T18:32:10Z")

</div>

Hi all, I have a simple ui\_table in node red dashboard. The table may contain large number of rows. I want to add 2 buttons in that dashboard to scroll up and scroll down through the table. Is there any solution for this?

Thank you

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [7 February 2024 19:13 UTC](https://discourse.nodered.org/t/node-red-dashboard-ui-table/85299/2 "2024-02-07T19:13:39Z")

</div>

Use pagination  
ui-table is based on tabulator 4.7 [Tabulator | JavaScript Tables & Data Grids](https://tabulator.info/docs/4.7/page#local)  
eg.

```auto
[{"id":"89795d45a2d236fb","type":"inject","z":"d1395164b4eec73e","name":"","props":[{"p":"payload"},{"p":"topic","vt":"str"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"","payloadType":"date","x":540,"y":5660,"wires":[["d4dce9b4.1f2588"]]},{"id":"d4dce9b4.1f2588","type":"function","z":"d1395164b4eec73e","name":"table with n rows as array","func":"msg.payload=[];\nfor (let i=0; i<60; i++) {\n msg.payload.push({\"id\":i,\"timestamp\":Date.now(),\"text\":\"this is line\"+i})\n}\nmsg.ui_control = {\n tabulator:{\n pagination:\"local\",\n paginationSize:10,\n }\n}\n\nreturn msg;","outputs":1,"timeout":"","noerr":0,"initialize":"","finalize":"","libs":[],"x":791,"y":5680,"wires":[["b075d2ac.a69f3"]]},{"id":"b075d2ac.a69f3","type":"ui_table","z":"d1395164b4eec73e","group":"2d4fe667.28f8ba","name":"","order":18,"width":"17","height":"5","columns":[{"field":"id","title":"id","width":"","align":"right","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"timestamp","title":"Timestamp","width":"","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}},{"field":"text","title":"Text","width":"","align":"left","formatter":"plaintext","formatterParams":{"target":"_blank"}}],"outputs":1,"cts":true,"x":1116,"y":5726,"wires":[[]]},{"id":"2d4fe667.28f8ba","type":"ui_group","name":"demo","tab":"1caa8458.b17814","order":2,"disp":true,"width":"18","collapse":false,"className":""},{"id":"1caa8458.b17814","type":"ui_tab","name":"Demo","icon":"dashboard","order":2,"disabled":false,"hidden":false}]

```

---

<div class="post-metadata">

**Author:** ![Nilava1992](https://avatars.discourse-cdn.com/v4/letter/n/34f0e0/32.png) [@Nilava1992](https://discourse.nodered.org/u/Nilava1992)\
**Post date:** [7 February 2024 19:53 UTC](https://discourse.nodered.org/t/node-red-dashboard-ui-table/85299/3 "2024-02-07T19:53:10Z")

</div>

Thank you for your response. This process will solve my purpose.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [21 February 2024 19:53 UTC](https://discourse.nodered.org/t/node-red-dashboard-ui-table/85299/4 "2024-02-21T19:53:45Z")

</div>

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