# Conditional formatting in tabular cells using CSS

**URL:** <https://discuss.elastic.co/t/conditional-formatting-in-tabular-cells-using-css/370711>\
**Category:** Kibana\
**Created:** [November 18, 2024, 5:51pm UTC](https://discuss.elastic.co/t/conditional-formatting-in-tabular-cells-using-css/370711 "2024-11-18T17:51:40Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Arshukla](https://avatars.discourse-cdn.com/v4/letter/a/c68b51/32.png) [@Arshukla](https://discuss.elastic.co/u/Arshukla)\
**Post date:** [November 18, 2024, 5:51pm UTC](https://discuss.elastic.co/t/conditional-formatting-in-tabular-cells-using-css/370711/1 "2024-11-18T17:51:40Z")

</div>

Hi team,

I am currently building a Canvas workpad and using a Data Table visualization. I’ve successfully constructed the table using Elastic SQL. However, I have two queries regarding the table in Canvas:

1. Is it possible to apply conditional formatting using CSS? For example, I want values greater than 90 in column 4 to be green and values below 90 to be red.
2. Is there a way to transpose the table, so columns become rows and vice versa?

Query for CSS which I am trying - \<.canvasRenderEl tbody\>tr\> :nth-child(4){color:green;width:200px;text-align:center;} \>

Looking forward to your input.