# Custom table color

**URL:** <https://discuss.elastic.co/t/custom-table-color/250594>\
**Category:** Kibana\
**Created:** [October 1, 2020, 5:04am UTC](https://discuss.elastic.co/t/custom-table-color/250594 "2020-10-01T05:04:24Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![anjana1](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anjana1](https://discuss.elastic.co/u/anjana1)\
**Post date:** [October 1, 2020, 5:04am UTC](https://discuss.elastic.co/t/custom-table-color/250594/1 "2020-10-01T05:04:24Z")

</div>

**Kibana version** : 7.9

**Elasticsearch version** : 7.9

**APM Server version** : 7.9

**APM Agent language and version** : java 1.8

**Fresh install or upgraded from other version?** fresh install

**Is there anything special in your setup?** For example, are you using the Logstash or Kafka outputs? Are you using a load balancer in front of the APM Servers? Have you changed index pattern, generated custom templates, changed agent configuration etc. :-no

I wanted to give red color to my table entries based on certain specific values.  
Do we need to create a custom kibana plugin for this ? Or are there any css changes hacks that we can do to achieve this. I was going through the plugin documentation and I am not good at web development

Can anyone guide me on how to achieve this ?

---

<div class="post-metadata">

**Author:** ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)\
**Post date:** [October 1, 2020, 10:23am UTC](https://discuss.elastic.co/t/custom-table-color/250594/2 "2020-10-01T10:23:42Z")

</div>

Hi

You can use the index pattern management to assign a background and text color to a certain field

 ![Bildschirmfoto 2020-10-01 um 12.22.05](https://us1.discourse-cdn.com/elastic/original/3X/4/6/469cb5d7474cf8d242def60376937846d2f9f09e.png)

---

<div class="post-metadata">

**Author:** ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)\
**Post date:** [October 1, 2020, 10:24am UTC](https://discuss.elastic.co/t/custom-table-color/250594/3 "2020-10-01T10:24:20Z")

</div>

In Discover it would look like this:

 ![Bildschirmfoto 2020-10-01 um 12.22.05](https://us1.discourse-cdn.com/elastic/original/3X/4/6/469cb5d7474cf8d242def60376937846d2f9f09e.png)

---

<div class="post-metadata">

**Author:** ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)\
**Post date:** [October 1, 2020, 10:24am UTC](https://discuss.elastic.co/t/custom-table-color/250594/4 "2020-10-01T10:24:56Z")

</div>

Is that sufficient for your requirements? currently you can't color the whole row

Best,  
Matthias

---

<div class="post-metadata">

**Author:** ![anjana1](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anjana1](https://discuss.elastic.co/u/anjana1)\
**Post date:** [October 1, 2020, 5:10pm UTC](https://discuss.elastic.co/t/custom-table-color/250594/5 "2020-10-01T17:10:03Z")

</div>

I was able to make the changes on the table as per your suggestion.  
So as per this we don't need a plugin. But do you think we can make the entire row a different color by custom plugin?

Also how can we change the fonts?

---

<div class="post-metadata">

**Author:** ![matw](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/matw/32/13913_2.png) [@matw](https://discuss.elastic.co/u/matw)\
**Post date:** [October 1, 2020, 6:17pm UTC](https://discuss.elastic.co/t/custom-table-color/250594/6 "2020-10-01T18:17:40Z")

</div>

For changing a row and font, you'd have to create a custom plugin . btw because you asked and then edited, you can't format scripted fields, only way to color them is to return Emojis:

 ![Bildschirmfoto 2020-10-01 um 20.17.13](https://us1.discourse-cdn.com/elastic/original/3X/9/3/93ea7902d1de67d45db8e8ca5f8eb7f48d3bff99.png)

 ![Bildschirmfoto 2020-10-01 um 20.13.58](https://us1.discourse-cdn.com/elastic/original/3X/6/4/642f59ec732ad6c65182aaa9c1106247e0d94ab4.png)

---

<div class="post-metadata">

**Author:** ![anjana1](https://avatars.discourse-cdn.com/v4/letter/a/22d042/32.png) [@anjana1](https://discuss.elastic.co/u/anjana1)\
**Post date:** [October 1, 2020, 6:33pm UTC](https://discuss.elastic.co/t/custom-table-color/250594/7 "2020-10-01T18:33:41Z")

</div>

I had the option to edit the scripted field and was able to do the color change like the same way you suggested above.

Any insights for the plugin? Any link to follow ?

---

<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:** [October 29, 2020, 6:33pm UTC](https://discuss.elastic.co/t/custom-table-color/250594/8 "2020-10-29T18:33:42Z")

</div>

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