Pagination Tabulator in ui-table

General
1

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

{
    "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

2

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.

2 Likes
3

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

4

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

5

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