node-red-contrib-ui-etable

Notes: .This node was previously called node-red-node-ui-etable, please remove it before using this node .The versioning will now follow the Tabulator Library versioning

This node is based on the capabilities of the Tabulator library and allows the user to define complex - editable tables and constructs.

Credit must go to Kazuhito Yokoi for his inspiration. node-red-node-ui-table

This node differs from node-red-node-ui-table due to it being more native to the Tabulator libraries, it allows very complex editable tables to be built, although this means that the configuration of the node now must follow the http://tabulator.info json format.

Eg

Options can be

{ "movableColumns": true, "resizableColumns": true, "selectable": 5, "responsiveLayout": "collapse", "autoResize": true, "layout": "fitColumns", "pagination": "local", "height": "800px", "groupBy": "system", "groupStartOpen": true }

Columns can be

[ {title:"Name", field:"name", editor:"input"}, {title:"Task Progress", field:"progress", align:"left", formatter:"progress", editor:true}, {title:"Gender", field:"gender", width:95, editor:"select", editorParams:{values:["male", "female"]}}, {title:"Rating", field:"rating", formatter:"star", align:"center", width:100, editor:true}, {title:"Color", field:"col", width:130, editor:"input"}, {title:"Date Of Birth", field:"dob", width:130, sorter:"date", align:"center"}, {title:"Driver", field:"car", width:90, align:"center", formatter:"tickCross", sorter:"boolean", editor:true} ]

Pass input data in msg.payload. Note that options and columns can also be passed in via msg. msg = { payload: ... config: { options: ... columns: ... } }

CallBacks handled are :

    If the cell has editor = true,  a message is sent with "callback : cellEdited" 
    If the cell has editor = false, a message is sent with "callback : cellClick"

v 4.6.3 Name change at node-red dev team request. New Versioning to following Tabulator Library versioning

V 1.0.3 Bump version for npmjs update issue v 1.0.2 fixed emits not allowing table updates to browser added emitOnlyNewValues: false on widget startup

v.1.0.1 DYNAMIC ETables are now possible. msg.config.options and msg.config.columns are now configurable at runtime, this means that it is now possble to change the displayed tables based on button clicks or editable fields....on the fly !!

v 0.1.5 Pull request by wisniaklo to add cellEdited, so, a new parameter is now added to indicate the callback. If the cell has editor = true, a message is sent with "callback : cellEdited" If the cell has editor = false, a message is sent with "callback : cellClick"

v 0.1.4 Allow specifying editor "position" for "select". this should be specified as part of editorParams: editorParams.position values are "top"(default), "center" / "middle" or 'bottom'

  {
    "title": "Event Type",
    "field": "eventType",
    "editor": "select",
    "width": "5%",
    "editorParams": {
        "values": [
            "PLANNED",
            "UNPLANNED"
        ],
        "position": "top"
    }
} 

v 0.1.3 Initial release