# Change background color of table component in table.css

**URL:** <https://forum.inductiveautomation.com/t/change-background-color-of-table-component-in-table-css/47182>\
**Category:** Ignition Early Access\
**Created:** [May 27, 2021, 11:18am UTC](https://forum.inductiveautomation.com/t/change-background-color-of-table-component-in-table-css/47182 "2021-05-27T11:18:36Z")\
**Posts on this page:** 4\
**Page:** 1

<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 27, 2021, 11:18am UTC](https://forum.inductiveautomation.com/t/change-background-color-of-table-component-in-table-css/47182/1 "2021-05-27T11:18:36Z")

</div>

Hi,  
I’m using 8.1.4 and have a hard time figuring out how to change the background color of the table component (the area which is not filled with data) in table.css  
it seems to change following should do the trick but it doesn’t.

```auto
.ia_tableComponent {
    border: var(--containerBorder);
    background-color: red;
}

```

Is it a bug or there is some hidden CSS rule for that?

---

<div class="post-metadata">

**Author:** ![schenk](https://avatars.discourse-cdn.com/v4/letter/s/6bbea6/32.png) [@schenk](https://forum.inductiveautomation.com/u/schenk)\
**Post date:** [May 27, 2021, 12:38pm UTC](https://forum.inductiveautomation.com/t/change-background-color-of-table-component-in-table-css/47182/2 "2021-05-27T12:38:26Z")

</div>

Looks like `background-color` on `.ia_tableComponent` is only visible when there is padding. Which area are you looking to change?

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/f/6f36d52279814f465278b8a1d80a9871f31e5cee.png)

---

<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 27, 2021, 12:53pm UTC](https://forum.inductiveautomation.com/t/change-background-color-of-table-component-in-table-css/47182/3 "2021-05-27T12:53:50Z")

</div>

I need this are:

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/f/df013e2f3b89008df0f763efbe2338061d388e7f.png)

---

<div class="post-metadata">

**Author:** ![schenk](https://avatars.discourse-cdn.com/v4/letter/s/6bbea6/32.png) [@schenk](https://forum.inductiveautomation.com/u/schenk)\
**Post date:** [May 27, 2021, 1:05pm UTC](https://forum.inductiveautomation.com/t/change-background-color-of-table-component-in-table-css/47182/4 "2021-05-27T13:05:51Z")

</div>

Look in the `common/table.css` file in your theme directory and change this one

```auto
.ia_table__body {
    background-color: red; /*var(--container);*/
    font-size: 0.875rem;
}

```