# Enhanced Table

**URL:** <https://discuss.elastic.co/t/enhanced-table/240817>\
**Category:** Kibana\
**Created:** [July 12, 2020, 2:11am UTC](https://discuss.elastic.co/t/enhanced-table/240817 "2020-07-12T02:11:16Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![haythem](https://avatars.discourse-cdn.com/v4/letter/h/45deac/32.png) [@haythem](https://discuss.elastic.co/u/haythem)\
**Post date:** [July 12, 2020, 2:11am UTC](https://discuss.elastic.co/t/enhanced-table/240817/1 "2020-07-12T02:11:17Z")

</div>

Hi @fbaligand , at first I would like to thank for creating the awesome and very useful [Kibana Enhanced Table](https://github.com/fbaligand/kibana-enhanced-table) plugin, it really helped me .  
my first question is it possible to set a row alert , i mean adding a computed column with font icon or background color .  
is it possible also to change the color of a cell if that cell value is lower than a given number .  
please can you guide me on how to do it if it's possible , thank you in advance  
thank you again for the awesome plugin 💯

---

<div class="post-metadata">

**Author:** ![fbaligand](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/fbaligand/32/5657_2.png) [@fbaligand](https://discuss.elastic.co/u/fbaligand)\
**Post date:** [July 12, 2020, 6:33pm UTC](https://discuss.elastic.co/t/enhanced-table/240817/2 "2020-07-12T18:33:38Z")

</div>

Hi @haythem,

So first, happy to see that you enjoy enhanced table plugin 😉

And yes, you can do what you wish with enhanced table plugin!

So you can display an icon alert on a row, you can do it with a computed column:

- this formula:  
`(col0 > 0) ? "check-circle" : "exclamation-triangle"`
- check "Apply template"
- this template:  
`<i class="fa fa-{{value}}"></i>`

To have a color as a background:

- first, you add a computed column (that you hide in "Hidden columns"), with this formula:  
`(col0 > 0) ? "white" : "red"`
- then a second computed column with formula `col0` and "apply template" checked and this template:  
`<div style="background-color: {{col1}}">{{value}}</div>`

---

<div class="post-metadata">

**Author:** ![haythem](https://avatars.discourse-cdn.com/v4/letter/h/45deac/32.png) [@haythem](https://discuss.elastic.co/u/haythem)\
**Post date:** [July 13, 2020, 9:23am UTC](https://discuss.elastic.co/t/enhanced-table/240817/3 "2020-07-13T09:23:04Z")

</div>

thank you @fbaligand so much it works now 😃 ,  
i want to add different colors to the icons , i managed to add a color to all the icons but i want each icon to have it's own color , is it possible ?

---

<div class="post-metadata">

**Author:** ![fbaligand](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/fbaligand/32/5657_2.png) [@fbaligand](https://discuss.elastic.co/u/fbaligand)\
**Post date:** [July 13, 2020, 10:15am UTC](https://discuss.elastic.co/t/enhanced-table/240817/4 "2020-07-13T10:15:02Z")

</div>

Yes you can do it!  
You mix the 2 tips that I told you.  
So a computed column for color, another for icon (both hidden), and a last with col value referenced, formatted, and a template.

---

<div class="post-metadata">

**Author:** ![fbaligand](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/fbaligand/32/5657_2.png) [@fbaligand](https://discuss.elastic.co/u/fbaligand)\
**Post date:** [July 13, 2020, 10:54am UTC](https://discuss.elastic.co/t/enhanced-table/240817/5 "2020-07-13T10:54:29Z")

</div>

To be more precise:

- first, you add a computed column (that you hide in "Hidden columns"), with this formula:  
`(col0 > 0) ? "green" : "red"`
- then you add another computed column, with this formula:  
`(col0 > 0) ? "check-circle" : "exclamation-triangle"`  
and this template:  
`<i style="color: {{col1}}" class="fa fa-{{value}}"></i>`
- and you can choose other icons here:  
[https://fontawesome.com/v4.7.0/icons/](https://fontawesome.com/v4.7.0/icons/)
- and you can customize icon rendering here:  
[https://fontawesome.com/v4.7.0/examples/](https://fontawesome.com/v4.7.0/examples/)

---

<div class="post-metadata">

**Author:** ![haythem](https://avatars.discourse-cdn.com/v4/letter/h/45deac/32.png) [@haythem](https://discuss.elastic.co/u/haythem)\
**Post date:** [July 13, 2020, 11:15am UTC](https://discuss.elastic.co/t/enhanced-table/240817/6 "2020-07-13T11:15:48Z")

</div>

it works now 😃 thank you so much @fbaligand and thank you for the awesome plugin 🙂

---

<div class="post-metadata">

**Author:** ![fbaligand](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/fbaligand/32/5657_2.png) [@fbaligand](https://discuss.elastic.co/u/fbaligand)\
**Post date:** [July 13, 2020, 11:24am UTC](https://discuss.elastic.co/t/enhanced-table/240817/7 "2020-07-13T11:24:56Z")

</div>

you're welcome 🙂

happy to see that it fulfills your needs!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [August 10, 2020, 11:33am UTC](https://discuss.elastic.co/t/enhanced-table/240817/8 "2020-08-10T11:33:43Z")

</div>

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