# Conditional style on Prespective Table

**URL:** <https://forum.inductiveautomation.com/t/conditional-style-on-prespective-table/81879>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [November 14, 2023, 5:18pm UTC](https://forum.inductiveautomation.com/t/conditional-style-on-prespective-table/81879 "2023-11-14T17:18:34Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Saul\_Espinoza](https://avatars.discourse-cdn.com/v4/letter/s/ccd318/32.png) [@Saul\_Espinoza](https://forum.inductiveautomation.com/u/Saul_Espinoza)\
**Post date:** [November 14, 2023, 5:18pm UTC](https://forum.inductiveautomation.com/t/conditional-style-on-prespective-table/81879/1 "2023-11-14T17:18:34Z")

</div>

Hi,  
I'm starting with ignition prospective and I'm a bit disoriented, I explain the following:  
I have created a table in prospective and I need to have a conditional style.  
I'm looking to do something like this:

 ![Screenshot 2023-11-14 111521](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/f/ffd62e12e6114a72dcb746cf619aeec4072fe433.png)

When the **report** \< **quantity** , mark the row in red, when it is equal to or greater, mark it in green

I have no idea where in Ignition Designer I should put the conditional style.  
Could you guide me?  
Thanks

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [November 14, 2023, 5:41pm UTC](https://forum.inductiveautomation.com/t/conditional-style-on-prespective-table/81879/2 "2023-11-14T17:41:54Z")

</div>

If you have a look at the default table `props.data` you will see how the "Folsom" cell has been formatted with an orange background.

```auto
[
  {
    "city": {
      "align": "center",
      "editable": true,
      "justify": "left",
      "style": {
        "backgroundColor": "#F7901D",
        "classes": "some-class"
      },
      "value": "Folsom"
    },
    "country": "United States",
    "population": 77271
  },
  {
    "city": "Helsinki",
    "country": "Finland",
    "population": 635591
  },
...
]

```

You will need to use a script transform on your table's data binding. There are examples in the docs.

[https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Table#PerspectiveTable-Examples](https://docs.inductiveautomation.com/display/DOC81/Perspective+-+Table#PerspectiveTable-Examples)