# Node-red-dashboard-2-table-tabulator help

**URL:** https://discourse.nodered.org/t/node-red-dashboard-2-table-tabulator-help/98892
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [30 August 2025 17:01 UTC](https://discourse.nodered.org/t/node-red-dashboard-2-table-tabulator-help/98892 "2025-08-30T17:01:30Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Jean-Rem](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jean-rem/32/84461_2.png) [@Jean-Rem](https://discourse.nodered.org/u/Jean-Rem)
#### Post date: [30 August 2025 17:01 UTC](https://discourse.nodered.org/t/node-red-dashboard-2-table-tabulator-help/98892/1 "2025-08-30T17:01:30Z")

</div>

Hello,

I search to make some changes in the appearence of the ui-tabulator table I work with. As you can see below a get filters in some columns of my table. This message is comming from the table configuration "headerFilterPlaceholder": "Filter..." .

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/1/e1058569625a74f4da76c3550eeb4d576b579511.png)

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/4/d4ebff1d72a9afaf286c57df0c04e45108cb1ba2.png)

However, I would like the border that appears when you enter a filter value to be visible at all times. Or, visible as long as the filter is applied to a dedicated column. Could someone tell me how to achieve this?

Regards

Jean-Rem

---

<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: [30 August 2025 17:21 UTC](https://discourse.nodered.org/t/node-red-dashboard-2-table-tabulator-help/98892/2 "2025-08-30T17:21:59Z")

</div>

It's a tabulator behavior, transparent to the node.  
You can add CSS (e.g. 'border') which overrides the built-in tabulator class `tabulator-header-filter`.

```auto
.tabulator-header-filter {
  border: 1px solid blue;
}

```

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/c/7cfd1f0dcbe9a6c40478422f7799e9d4b59a6e79.png)

---

<div class="post-metadata">

### Author: ![Jean-Rem](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/jean-rem/32/84461_2.png) [@Jean-Rem](https://discourse.nodered.org/u/Jean-Rem)
#### Post date: [1 September 2025 16:13 UTC](https://discourse.nodered.org/t/node-red-dashboard-2-table-tabulator-help/98892/3 "2025-09-01T16:13:17Z")

</div>

Hello,

Thanks for the answer. Here is the code I use in my template.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/d/9/d9873a298680a24bb0761612b1f46d00e0417198.png)

And here is the result:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/e/be32312b086159dce489637770e4819b03d5ee6f.png)

Regards

Jean-Rem

---

<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: [15 September 2025 16:14 UTC](https://discourse.nodered.org/t/node-red-dashboard-2-table-tabulator-help/98892/4 "2025-09-15T16:14:11Z")

</div>

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