2D/vertical UI-Table in Tabulator format?

[Christian-Me]

Hi,

there is no build in feature I know to rotate a Table by 90°. But you can add a first column as a row header. You can even fix it that it is always visible. Then you can style the cells in this column with custom formatters to match the header row.

msg.payload=[

       {  
         "Label": "Balance", "Investment 1": Balance1, "Investment 2": Balance2, "Investment 3": Balance3
        },
       { 
         "Label": "ROI", "Investment 1": Roi1, "Investment 2": Roi2, "Investment 3": Roi3
        }
    ]}


return msg;

The ui_control message will then look like this

{
    "tabulator": {
        "columns": [
            {
                "title": "Label",
                "field": "Label",
                "frozen": true
            },
            {
                "title": "Investment 1",
                "field": "Investment 1"
            },
            {
                "title": "Investment 2",
                "field": "Investment 2"
            },
            {
                "title": "Investment 3",
                "field": "Investment 3"
            },
       ],
        "layout": "fitColumns",
        "movableColumns": false,
        "groupBy": ""
    },
    "customHeight": 12
}

More infos for how to style your first column can be found here

Ui-table row change background color on updateorAddData

I am using node-red-node-ui-table to show all the temperature devices in our house. I send the data from node-red using updateoradddata - works fine. What I can;t do is set the background colour of the whole row when i update - can;t find out how to. I have tried rowFormatter call back and that works when first rendering the table but is then not retriggered when I update the data. My update message is shown here: msg.payload = { command :"updateOrAddData", arguments: [ …

or here Ui-table in conjunction with ui-table handler - #5 by Christian-Me