Node-red-node-ui-table - Change background color of a cell depending on its value

Dashboard
1

Hello everyone !

I recently began playing around with the node-red-node-ui-table and have been trying to customize mine.

To simplify things, I'll use the example table for my question :

image
image700×184 5.43 KB

For instance, how could I turn the age cells red if the age is less than 18 ? (But only the cell and not the whole row).

Thanks in advance !

[
    {
        "id": "7dc60d599096697d",
        "type": "inject",
        "z": "03aa0562afa364f6",
        "name": "",
        "props": [
            {
                "p": "payload"
            },
            {
                "p": "topic",
                "vt": "str"
            }
        ],
        "repeat": "",
        "crontab": "",
        "once": false,
        "onceDelay": 0.1,
        "topic": "",
        "payload": "[{\"Name\":\"Kazuhito Yokoi\",\"Age\":\"35\",\"Favourite Color\":\"red\",\"Date Of Birth\":\"12/09/1983\"},{\"Name\":\"Oli Bob\",\"Age\":\"12\",\"Favourite Color\":\"blue\",\"Date Of Birth\":\"12/08/2017\"}]",
        "payloadType": "json",
        "x": 1030,
        "y": 1800,
        "wires": [
            [
                "3ddced6b90128402"
            ]
        ]
    },
    {
        "id": "3ddced6b90128402",
        "type": "ui_table",
        "z": "03aa0562afa364f6",
        "group": "625872f.40b1e8c",
        "name": "",
        "width": 0,
        "height": 4,
        "columns": [],
        "outputs": 0,
        "cts": false,
        "x": 1230,
        "y": 1800,
        "wires": []
    },
    {
        "id": "625872f.40b1e8c",
        "type": "ui_group",
        "name": "Simple table",
        "tab": "58c2aa06.ef46e4",
        "order": 1,
        "disp": true,
        "width": "10",
        "collapse": false,
        "className": ""
    },
    {
        "id": "58c2aa06.ef46e4",
        "type": "ui_tab",
        "name": "Home",
        "icon": "dashboard",
        "disabled": false,
        "hidden": false
    }
]
2

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