# Ui-table supports ui\_control

**URL:** <https://discourse.nodered.org/t/ui-table-supports-ui-control/18870>\
**Category:** Dashboard\
**Created:** [6 December 2019 16:05 UTC](https://discourse.nodered.org/t/ui-table-supports-ui-control/18870 "2019-12-06T16:05:57Z")\
**Posts on this page:** 1\
**Showing post:** 10

<div class="post-metadata">

**Author:** ![Christian-Me](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/christian-me/32/10774_2.png) [@Christian-Me](https://discourse.nodered.org/u/Christian-Me)\
**Post date:** [6 July 2020 05:29 UTC](https://discourse.nodered.org/t/ui-table-supports-ui-control/18870/10 "2020-07-06T05:29:21Z")

</div>

Hi

Interesting task. First I took a look into the docs:

> **[Tabulator - Interactive JavaScript Tables](http://tabulator.info/examples/4.0#selectable)**
>
> Create interactive data tables in seconds with Tabulator. A lightweight, fully featured JavaScript table generation library.

As I read it ... (I can't test it right now):

1. define the table as selectable
2. define one callback to send an array of selected rows back

```auto
msg.ui_control.tabulator={
    "selectable":true, 
    "columns":[define your columns here],
    "rowSelectionChanged":"function(data, rows){this.send({ui_control:{'callback':'rowSelectionChanged','rowSelection':data}});}"
}

```

This is the callback in a readable form:

```auto
var rowSelectionChanged = function(data, rows){
    this.send({ui_control:{'callback':'rowSelectionChanged','rowSelection':data}}); 
}

```

hope this helps

---

_[View the full topic](https://discourse.nodered.org/t/ui-table-supports-ui-control/18870)._