# Ui\_tabulator Node - tickedCross Selection

**URL:** https://discourse.nodered.org/t/ui-tabulator-node-tickedcross-selection/100313
**Category:** General
**Created:** [5 February 2026 06:58 UTC](https://discourse.nodered.org/t/ui-tabulator-node-tickedcross-selection/100313 "2026-02-05T06:58:32Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Chris378](https://avatars.discourse-cdn.com/v4/letter/c/e99b99/32.png) [@Chris378](https://discourse.nodered.org/u/Chris378)
#### Post date: [5 February 2026 06:58 UTC](https://discourse.nodered.org/t/ui-tabulator-node-tickedcross-selection/100313/1 "2026-02-05T06:58:32Z")

</div>

Hello All

I`m using the ui\_tabulator Node.  
In the table I have a column "tickedCross", and this column is editable.  
The editParams-value "tristate" is false.  
But when I clieck on this column in any row it shows this behavious:  
First and initial state is "false".  
After first click the column shows an empty field.  
After second click the field is "true" (green tick).  
After third cleck the field is blue with a white tick.  
After fourth click it is false again (red cross).

This seems not to be the right behaviour. Can I change this somehow, so that I only have to click once for each state?

Thanks.

---

<div class="post-metadata">

### Author: ![omrid](https://avatars.discourse-cdn.com/v4/letter/o/77aa72/32.png) [@omrid](https://discourse.nodered.org/u/omrid)
#### Post date: [5 February 2026 10:34 UTC](https://discourse.nodered.org/t/ui-tabulator-node-tickedcross-selection/100313/2 "2026-02-05T10:34:41Z")

</div>

This is related to the behavior of Tabulator (the 3rd-party package which `ui-tabulator` is wrapping).  
By default, Tabulator's built-in `tick/cross` formatter does not refresh the displayed icon until the updated cell loses focus. You can either replace it with your own custom formatter, or simply provide some "on Click" callback which tells the cell to refresh immediately. For example:  
Table configuration:

```auto
{
   "height": 200,
   "columns": [
      {"title":"Id","field":"id","width":60},
      {"title":"Name","field":"name","width":150},
      {"title": "Active?", "field": "active","hozAlign": "center",
           "formatter": "tickCross","editor": true,"cellClick":"@F:onTick"}
   ],
   "data": [
      {"id":1,"name":"Line 1", "active":true},
      {"id":2,"name": "Line 2", "active":false}
   ]
}

```

Function to set in the "custom functions" area:

```auto
function onTick(e,cell)
{
    cell.setValue(!cell.getValue(),true);
    cell.getRow().reformat(); // ensures formatter refreshes right away
}

```

Within the callback, you can also add additional consequent actions, such as updating other table fields, invoking actions & notifications etc.

---

<div class="post-metadata">

### Author: ![Chris378](https://avatars.discourse-cdn.com/v4/letter/c/e99b99/32.png) [@Chris378](https://discourse.nodered.org/u/Chris378)
#### Post date: [6 February 2026 05:59 UTC](https://discourse.nodered.org/t/ui-tabulator-node-tickedcross-selection/100313/3 "2026-02-06T05:59:03Z")

</div>

> [@omrid](#):
>
> `"@F:onTick"`

Works perfect. Thanks.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [7 May 2026 05:59 UTC](https://discourse.nodered.org/t/ui-tabulator-node-tickedcross-selection/100313/4 "2026-05-07T05:59:04Z")

</div>

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