# \[FEATURE-13817\]Change Table Background Color

**URL:** <https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907>\
**Category:** Ignition Early Access\
**Tags:** ignition80\
**Created:** [August 30, 2019, 3:03pm UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907 "2019-08-30T15:03:41Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![jramirez3](https://avatars.discourse-cdn.com/v4/letter/j/a183cd/32.png) [@jramirez3](https://forum.inductiveautomation.com/u/jramirez3)\
**Post date:** [August 30, 2019, 3:03pm UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907/1 "2019-08-30T15:03:41Z")

</div>

How do you change the color of a table component in perspective when there’s not any cells in that area?

 ![whiteTable](https://us1.discourse-cdn.com/inductiveautomation/original/2X/4/4b454330eceb841ce2596b01363737e2a1c65c75.jpeg)

In the image, i have 2 rows filled in the table and i need to change the white space below the 2 cells. I want the table to always be that size (height) and i will have a different number of cells in there 1 to 30 depends on the job.

Is it possible to change that white to something else? the background color under the style section for the entire component does not change it.

---

<div class="post-metadata">

**Author:** ![osolorzano](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/osolorzano/32/6432_2.png) [@osolorzano](https://forum.inductiveautomation.com/u/osolorzano)\
**Post date:** [August 30, 2019, 3:24pm UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907/2 "2019-08-30T15:24:12Z")

</div>

At the moment there isn’t a way to change the color there. It’s an issue we are already tracking internally, but I’ll link it to this forum post so you get notified when it gets implemented.

---

<div class="post-metadata">

**Author:** ![jramirez3](https://avatars.discourse-cdn.com/v4/letter/j/a183cd/32.png) [@jramirez3](https://forum.inductiveautomation.com/u/jramirez3)\
**Post date:** [August 30, 2019, 3:35pm UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907/3 "2019-08-30T15:35:39Z")

</div>

Ok, thank you.

---

<div class="post-metadata">

**Author:** ![twenderoth](https://avatars.discourse-cdn.com/v4/letter/t/f4b2a3/32.png) [@twenderoth](https://forum.inductiveautomation.com/u/twenderoth)\
**Post date:** [October 17, 2019, 7:45pm UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907/4 "2019-10-17T19:45:57Z")

</div>

I want this as well. Also it would be nice to have row level progress bar.

Thanks!

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [October 17, 2019, 7:48pm UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907/5 "2019-10-17T19:48:07Z")

</div>

> [@twenderoth](#):
>
> Also it would be nice to have row level progress bar.

Can you clarify this for us? You can already place Progress Bars into rows by configuring the relevant column to display as a View and specifying a viewPath which contains your progress bar, so what you're requesting is not clear.

---

<div class="post-metadata">

**Author:** ![tmahaffey](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/tmahaffey/32/30949_2.png) [@tmahaffey](https://forum.inductiveautomation.com/u/tmahaffey)\
**Post date:** [December 19, 2019, 1:12am UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907/6 "2019-12-19T01:12:24Z")

</div>

I found out today that I would like to have this feature fixed as well. It would make the table component look a lot cleaner

---

<div class="post-metadata">

**Author:** ![Subbarao.B](https://avatars.discourse-cdn.com/v4/letter/s/22d042/32.png) [@Subbarao.B](https://forum.inductiveautomation.com/u/Subbarao.B)\
**Post date:** [May 6, 2020, 8:57am UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907/7 "2020-05-06T08:57:53Z")

</div>

for me also need to change the background color of table in perspective…how to change …?

---

<div class="post-metadata">

**Author:** ![c-w-t](https://avatars.discourse-cdn.com/v4/letter/c/bbe5ce/32.png) [@c-w-t](https://forum.inductiveautomation.com/u/c-w-t)\
**Post date:** [May 9, 2020, 5:37pm UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907/8 "2020-05-09T17:37:24Z")

</div>

Hey guys, until this is fixed I’ve got a simple workaround-ish approach. Add empty rows to your dataset if the number of data rows is less than what will fill your table in the view. And to get fancier, add background color property items to each cell object and color it the same as your view background, or whatever color you want your empty table background to be. Here’s an example of a table in a carousel object that would otherwise show that ugly white space below the rows with data.

 ![C8EB409D-B4F9-476A-8494-D3CCE5932B04](https://us1.discourse-cdn.com/inductiveautomation/original/2X/4/487210f55d84161a3250eaffcd5ff39bdc76c359.jpeg)

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [May 11, 2020, 8:22am UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907/9 "2020-05-11T08:22:24Z")

</div>

If you get data form history the row number will fixed for you then how do you add more row to it?

---

<div class="post-metadata">

**Author:** ![jonathan.taylor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jonathan.taylor/32/4048_2.png) [@jonathan.taylor](https://forum.inductiveautomation.com/u/jonathan.taylor)\
**Post date:** [May 11, 2020, 12:31pm UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907/10 "2020-05-11T12:31:20Z")

</div>

Use a transform script on the history binding to check the number of rows and add more if needed

---

<div class="post-metadata">

**Author:** ![c-w-t](https://avatars.discourse-cdn.com/v4/letter/c/bbe5ce/32.png) [@c-w-t](https://forum.inductiveautomation.com/u/c-w-t)\
**Post date:** [May 11, 2020, 4:57pm UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907/11 "2020-05-11T16:57:54Z")

</div>

exactly.

---

<div class="post-metadata">

**Author:** ![byrcharl](https://avatars.discourse-cdn.com/v4/letter/b/e79b87/32.png) [@byrcharl](https://forum.inductiveautomation.com/u/byrcharl)\
**Post date:** [May 14, 2022, 12:58pm UTC](https://forum.inductiveautomation.com/t/feature-13817-change-table-background-color/27907/12 "2022-05-14T12:58:59Z")

</div>

is there an example you can supply. Thanks
