Hi folks, I'm using the node-red-node-ui-table for the first time, but - although it seems a very nice component - I cannot get it working. In the following example flow, I inject a message to fill the table with two scenario's for my home security system: [{"id":"7d48e13.90ee22","type":"ui_table…

[image] Christian-Me: the default cellClick function should give you column and row information Morning, So if I keep the default cellClick function (to keep my flow simple), I could do it perhaps like this: instead of showing a button, I show a div without click handler. Because I get an …

Good Morning (? - think I had too many G&T with my wife yesterday :crazy_face:) Have you tried this: [image] form here ( Tabulator ) and insert a button instead of the icon? This should give you the desired hover effect and button look?

I hacked this into the interactive demo flow: [ { "field": "button", "title": "button", "visible": true, "formatter": "function(cell, formatterParams, onRendered){ return \"<button>Activate</button>\"; }" } ] [image] gives you that: [image] The topic …

[image] Christian-Me: think I had too many G&T with my wife yesterday I'm completely not surprised. When you wrote yesterday "...last Gin&Tonic..." I thought to myself: all the information that he is sharing at this moment is unreliable, so I simply have to wait until he is sober again... …

OK I forgot the styling part: [image] I did a little bit copy paste: form here [image] to here [ { "field": "button", "title": "Button", "visible": true, "formatter": "function(cell, formatterParams, onRendered){ return '<button class=\"md-raised md-butt…

[image] Christian-Me: I did a little bit copy paste That looks VERY nice!!!! Cannot wait to try it this evening... One of the things that I didn't understand last night was the style changes of the dashboard buttons when you hoover them (the .md-button:hover in my screenshot above). That w…

[image] Christian-Me: [ { "field": "button", "title": "Button", "visible": true, "formatter": "function(cell, formatterParams, onRendered){ return '<button class=\"md-raised md-button md-ink-ripple\">Activate</button>'; }" } ] @Christian-Me , Hmmm, …

Hi Bart, perhaps I have to dive deeper into the theory of operation of ui_contol messages in case of the ui-table node. the configuration done in the config UI is the foundation of the tabulator object configuring the table. each subsequent msg.ui_control.tabulator message add or alter the param…

Hey @Christian-Me , It is very kind of you to explain it all in detail!! Hopefully others can also benefit from your explanation afterwards ... That indeed clarifies a lot of things. So I am making progress... BTW. your contextmenu table looks very nice! [image] Christian-Me: My son did and…

Failure to create my first UI table

Dashboard

Paul-Reed 23 May 2021 10:08 12

Although doesn't specifically answer your questions, there's some really useful ui_table information in this thread - Examples for node-red-node-ui-table which may assist.

Topic		Replies	Views
Examples for node-red-node-ui-table Dashboard	93	48238	17 July 2020
Ui-table supports ui_control Dashboard	85	25104	26 July 2021
Node-ui-table: Inconsistent load behavior, leading to changing no. of columns on refresh General	27	790	27 November 2023
How does it function : node-red-node-ui-table? Dashboard	4	721	26 October 2020
UI Table Adjustments Dashboard	15	3671	21 January 2022

Failure to create my first UI table

Related topics