# Cell Backgroud color instead of field text fore/back color

**URL:** <https://discuss.elastic.co/t/cell-backgroud-color-instead-of-field-text-fore-back-color/59454>\
**Category:** Kibana\
**Created:** [August 31, 2016, 5:50pm UTC](https://discuss.elastic.co/t/cell-backgroud-color-instead-of-field-text-fore-back-color/59454 "2016-08-31T17:50:40Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![prabhuramsoft](https://avatars.discourse-cdn.com/v4/letter/p/e47774/32.png) [@prabhuramsoft](https://discuss.elastic.co/u/prabhuramsoft)\
**Post date:** [August 31, 2016, 5:50pm UTC](https://discuss.elastic.co/t/cell-backgroud-color-instead-of-field-text-fore-back-color/59454/1 "2016-08-31T17:50:40Z")

</div>

Am able to achieve only highlighting the field text fore/Back color using color scripted field.  
If the condition is satisfied like 0%-Green, 1-50%-Yellow 76-99% - Orange & 100%-Red achieved using color scripted field. Below screenshot  
 ![](https://us1.discourse-cdn.com/elastic/original/2X/4/4996085f7132c71707acc0ce0275d4ea19735e4c.png)

But My requirement, Require to highlight the entire cell if the condition is satisfied like 0%-Green, 1-50%-Yellow 76-99% - Orange & 100%-Red. Expected like below screenshot  
 ![](https://us1.discourse-cdn.com/elastic/original/2X/6/65958af5b2c6060c062e5266982c2e61ab29b428.png)

---

<div class="post-metadata">

**Author:** ![jbudz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jbudz/32/45922_2.png) [@jbudz](https://discuss.elastic.co/u/jbudz)\
**Post date:** [August 31, 2016, 6:04pm UTC](https://discuss.elastic.co/t/cell-backgroud-color-instead-of-field-text-fore-back-color/59454/2 "2016-08-31T18:04:02Z")

</div>

Highlighting the entire cell isn't currently possible, the code is styling an inner element and not the entire table cell. If you'd like you can file an enhancement request at [https://github.com/elastic/kibana/issues/new](https://github.com/elastic/kibana/issues/new).

---

<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:** [July 6, 2017, 1:39pm UTC](https://discuss.elastic.co/t/cell-backgroud-color-instead-of-field-text-fore-back-color/59454/3 "2017-07-06T13:39:49Z")

</div>