# Tsvb markdown with two different color table

**URL:** <https://discuss.elastic.co/t/tsvb-markdown-with-two-different-color-table/294054>\
**Category:** Kibana\
**Created:** [January 11, 2022, 3:17pm UTC](https://discuss.elastic.co/t/tsvb-markdown-with-two-different-color-table/294054 "2022-01-11T15:17:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Cap\_Ho](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/cap_ho/32/79703_2.png) [@Cap\_Ho](https://discuss.elastic.co/u/Cap_Ho)\
**Post date:** [January 11, 2022, 3:17pm UTC](https://discuss.elastic.co/t/tsvb-markdown-with-two-different-color-table/294054/1 "2022-01-11T15:17:40Z")

</div>

Hello,

I have a use case that i need to created two different bg color table in the same markdown. As i know markdown support class (so i may use class selector in css). But it seems that it don't work in Kibana tsvb markdown. Any suggestion?

thx

capho

---

<div class="post-metadata">

**Author:** ![Stratoula\_Kalafateli](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/stratoula_kalafateli/32/70923_2.png) [@Stratoula\_Kalafateli](https://discuss.elastic.co/u/Stratoula_Kalafateli)\
**Post date:** [January 11, 2022, 4:36pm UTC](https://discuss.elastic.co/t/tsvb-markdown-with-two-different-color-table/294054/2 "2022-01-11T16:36:44Z")

</div>

Hey @Cap_Ho, I guess you could do something like that

```auto
table {
    background-color: yellow;
}

table: last-child {
    background-color: red;
}

```

This will result in something like that:

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/e/4/e4759f51df0a79f516666d7aee2978d55c2ded2c.png)

---

<div class="post-metadata">

**Author:** ![Cap\_Ho](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/cap_ho/32/79703_2.png) [@Cap\_Ho](https://discuss.elastic.co/u/Cap_Ho)\
**Post date:** [January 12, 2022, 1:46am UTC](https://discuss.elastic.co/t/tsvb-markdown-with-two-different-color-table/294054/3 "2022-01-12T01:46:25Z")

</div>

@Stratoula_Kalafateli thx a lot. Actually my real question is this:

> [@How i can make a status panel in Kibana?](https://discuss.elastic.co/t/how-i-can-make-a-status-panel-in-kibana/293765):
>
> Most of the dashboard development may use the "status panel" to represent the on/off for service/server/machine. In Grafana , it have two libs: [Status Panel plugin for Grafana | Grafana Labs](https://grafana.com/grafana/plugins/vonage-status-panel/)[Stat | Grafana Labs](https://grafana.com/docs/grafana/latest/visualizations/stat-panel/) which may help to make something which a. display the status b. color changes based on the value i do try the following way in Kibana but none of them fulfill my need. My data set sample (i try to use Boolean , String and Integer to see which one work): {time:'2022/01/07…

Do u think that your suggestion may cover this? Showing different color based on the data?

---

<div class="post-metadata">

**Author:** ![Cap\_Ho](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/cap_ho/32/79703_2.png) [@Cap\_Ho](https://discuss.elastic.co/u/Cap_Ho)\
**Post date:** [January 12, 2022, 3:05pm UTC](https://discuss.elastic.co/t/tsvb-markdown-with-two-different-color-table/294054/4 "2022-01-12T15:05:23Z")

</div>

@Stratoula_Kalafateli . To be more specific, i would like to see if markdown may resolve my problem. Using different color to represent the status based on the metrics value.

---

<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:** [February 9, 2022, 3:05pm UTC](https://discuss.elastic.co/t/tsvb-markdown-with-two-different-color-table/294054/5 "2022-02-09T15:05:40Z")

</div>

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