Pagination Tabulator in ui-table

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

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.

1 Like

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

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

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