Ui-table supports ui_control

It seams that html download is a newer feature. UI-Table is some versions behind. It uses 4.4.1 of tabulator. The message suggests that the command works but the feature is not supported (jet)

1 Like

hi @Christian-Me can you send me the example of this ui_control table so that i can start my project from there?

Hi @LeoMeendess
Take a look into menu/import/examples... you will find a few templates there ...

1 Like

sorry i don't found this menu. can you send to me?

Maybe this will help you find them:
Screen Shot 2021-05-28 at 9.40.31 AM
Screen Shot 2021-05-28 at 9.41.10 AM

2 Likes

tks for all !

Don't hesitate to come back if you have any questions.

Hi
how can I pass download command to Ui-etable in same as Ui-table

{
    "command": "download",
    "arguments": [
        "csv",
        "data.csv"
    ],
    "returnPromise": true
}

i use this code but not work
thanks for Help

This thread is about ui-table not ui-etable. I think etable is not developed any further.
Or to say it differently: consider using ui-table instead.

Thank you @Christian-Me for your answer
could you provide an simple exemple flow for how we can change ui-table cell into editable cell


thank you

Hi,
perhaps play around with example 6 ui_control interactive (import/examples)

Here you can generate 2 messages by clicking on 'enable cell edit (text)' to enable the th build in text editor and the ìnject celledited callback` to install the callback to receive a message as soon a cell was edited by the user

You can combine both into a JSON you inject triggered by a ui-control node into ui-table:

[{"id":"1186a10c.5eac3f","type":"ui_ui_control","z":"c4712650.59b5e8","name":"","events":"connect","x":401,"y":255,"wires":[["b469decd.fbf44"]]},{"id":"b469decd.fbf44","type":"change","z":"c4712650.59b5e8","name":"","rules":[{"t":"set","p":"ui_control","pt":"msg","to":"{\"tabulator\":{\"columns\":[{\"field\":\"textValue\",\"title\":\"Text\",\"editor\":\"input\",\"formatter\":\"plaintext\"}],\"cellEdited\":\"function(cell){     this.send({         ui_control:{callback:'cellEdited'},                  payload:cell.getValue(),         oldValue:cell.getOldValue(),         field:cell.getColumn().getField(),         id:cell.getRow().getIndex()     });  }\"}}","tot":"json"}],"action":"","property":"","from":"","to":"","reg":false,"x":583,"y":255,"wires":[["154e4969.2419f7"]]},{"id":"154e4969.2419f7","type":"debug","z":"c4712650.59b5e8","name":"to Table","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"true","targetType":"full","statusVal":"","statusType":"auto","x":774,"y":255,"wires":[]}]

The callback is "universal". Please edit the columns definition matching your table. only the field properties are mandatory to identify which column you like to make editable. You can use other editors if you like. You can find more info here: Tabulator

1 Like

Hi @Christian-Me it work thank you for your help

1 Like