Editable Boolean Dynamic Columns in Table - different true/false icons in different columns

💬 App Building
1

  1. My goal:
    In a table with Editable Dynamic Columns, I want different true/false icons for different boolean columns

  2. Issue:
    I defined a Boolean Column Property. The true/false icon has a FX property.
    trying something like

{{ item == 'column1'?<icon1>:<icon2> }}

But it doesn't work, is shown in all boolean columns, even column1

  1. Steps I've taken to troubleshoot:
  • A table with Dynamic Columns
  • Dynamic Columns are Editable
  • Added a Boolean Column Property
  • trying to set {{ item == 'column1'?<icon1>:<icon2> }} as the true icon (FX)
  • column1 icon is
  1. Additional info: (Cloud or Self-hosted, Screenshots)
1 Like
3

Hey @alexsroussi ,

I followed a similar approach as described, but with a couple of modifications to customize it further.

First, in the Format options, I used a conditional like this:

{{ item === '<column_name>' ? "boolean" : "auto" }}

This allows me to selectively apply boolean formatting to a specific column while keeping the default formatting for others.

Then, under the Column properties, I added a dynamic icon display based on the value in that column. Here's what I used:

{{  self.data[i].column_name === 1 ? "<icon_1>": "<icon_2" }}

Screenshots:

image
image1479×721 90.7 KB

image
image1078×358 12.5 KB

Hope this helps! :raised_hands:

1 Like
4

Hi Alex and thanks for reaching out!

if I understand you correctlyy, you want to show a different TRUE icon based on the column.

In this case, you must transform your table .data into this format:

[
  {
    key: "column_id",
    value: "column value"
  }
]

This will allow you to know the column name anywhere in the table.
e.g, within a table column, the var "item.key" will show he "column_id".

This way, you can always reference the column_id and the column_value whenever you want.

Using your example:

{{ item.key == 'column1'?<icon1>:<icon2> }}

This might be a bit advanced, give it a try and let me know!

Im here to help!