# Pagination Tabulator in ui-table

**URL:** https://discourse.nodered.org/t/pagination-tabulator-in-ui-table/25498
**Category:** General
**Created:** [25 April 2020 20:27 UTC](https://discourse.nodered.org/t/pagination-tabulator-in-ui-table/25498 "2020-04-25T20:27:17Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![d0d04m3](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/d0d04m3/32/19965_2.png) [@d0d04m3](https://discourse.nodered.org/u/d0d04m3)
#### Post date: [25 April 2020 20:27 UTC](https://discourse.nodered.org/t/pagination-tabulator-in-ui-table/25498/1 "2020-04-25T20:27:17Z")

</div>

hi I need use pagination in ui-table  
and use this to UI-control node but not happen anything

```auto
{
    "Tabulator": {
        "layout": "fitColumns",
        "responsiveLayout": "hide",
        "tooltips": true,
        "addRowPos": "top",
        "history": true,
        "pagination": "local",
        "paginationSize": 7,
        "movableColumns": true,
        "resizableRows": true,
        "initialSort": [
            {
                "column": "name",
                "dir": "asc"
            }
        ],
        "columns": [
            {
                "title": "Name",
                "field": "name",
                "editor": "input"
            },
            {
                "title": "Task Progress",
                "field": "progress",
                "hozAlign": "left",
                "formatter": "progress",
                "editor": true
            },
            {
                "title": "Gender",
                "field": "gender",
                "width": 95,
                "editor": "select",
                "editorParams": {
                    "values": [
                        "male",
                        "female"
                    ]
                }
            },
            {
                "title": "Rating",
                "field": "rating",
                "formatter": "star",
                "hozAlign": "center",
                "width": 100,
                "editor": true
            },
            {
                "title": "Color",
                "field": "col",
                "width": 130,
                "editor": "input"
            },
            {
                "title": "Date Of Birth",
                "field": "dob",
                "width": 130,
                "sorter": "date",
                "hozAlign": "center"
            },
            {
                "title": "Driver",
                "field": "car",
                "width": 90,
                "hozAlign": "center",
                "formatter": "tickCross",
                "sorter": "boolean",
                "editor": true
            }
        ]
    }
}

```

so ui-table support tabulator pagination if yes how use it

> **[Tabulator - Interactive JavaScript Tables](http://tabulator.info/docs/4.4/page)**
>
> Create interactive data tables in seconds with Tabulator. A lightweight, fully featured JavaScript table generation library.

---

<div class="post-metadata">

### Author: ![Christian-Me](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/christian-me/32/10774_2.png) [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)
#### Post date: [25 April 2020 20:49 UTC](https://discourse.nodered.org/t/pagination-tabulator-in-ui-table/25498/2 "2020-04-25T20:49:11Z")

</div>

Pagination works with ajax requests. You have to find a way to establish a http node or server responding to these requests.  
Ui-table can’t help you with this as it completely do all data exchange via javascript on client side and a webservice link to Node-RED.  
There is „local pagination“ available. Have to do some tests to find out how this works.  
But tabulator is very efficient with big tables. I managed to hold a couple of 1,000 rows in my syslog server flow with usable scrolling and filtering.

---

<div class="post-metadata">

### Author: ![d0d04m3](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/d0d04m3/32/19965_2.png) [@d0d04m3](https://discourse.nodered.org/u/d0d04m3)
#### Post date: [25 April 2020 20:54 UTC](https://discourse.nodered.org/t/pagination-tabulator-in-ui-table/25498/3 "2020-04-25T20:54:45Z")

</div>

normally my data fetched by button navigation and send command to mongodb to generate data

but problem cant see button navigation (next, prev page ... ) in UI-table only data  
so how use tabulator in node-red

---

<div class="post-metadata">

### Author: ![Christian-Me](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/christian-me/32/10774_2.png) [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)
#### Post date: [25 April 2020 21:01 UTC](https://discourse.nodered.org/t/pagination-tabulator-in-ui-table/25498/4 "2020-04-25T21:01:01Z")

</div>

Ui-table only interfaces to tabulator and do no processing. `ui-control.tabulator` is basically passed without any modification (except declaring the callback functions) and all commands are passed through.

Perhaps (local) pagination is a newer feature. UI-table uses a older but stable version (but I can’t tell you out of my head which)

Perhaps first try to look at the browser console for any error or info messages

---

<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: [24 June 2020 21:04 UTC](https://discourse.nodered.org/t/pagination-tabulator-in-ui-table/25498/5 "2020-06-24T21:04:56Z")

</div>

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