# Perspective: Set background colour of Table?

**URL:** <https://forum.inductiveautomation.com/t/perspective-set-background-colour-of-table/38928>\
**Category:** Ignition\
**Tags:** perspective, ignition80\
**Created:** [September 22, 2020, 12:52pm UTC](https://forum.inductiveautomation.com/t/perspective-set-background-colour-of-table/38928 "2020-09-22T12:52:22Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [September 22, 2020, 12:52pm UTC](https://forum.inductiveautomation.com/t/perspective-set-background-colour-of-table/38928/1 "2020-09-22T12:52:22Z")

</div>

v8.1.0

How do I set the background / row colour of a Table?  
I have a table that has a single column defined that uses a viewPath for display, and I don’t want a background (transparent).

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/b/1b95d42bd7fee77cc5b0bbd80471fa42bb52d492.png)  
I don’t want the white/light grey background colour behind each embedded view row  
I’ve tried setting all the styles I can find, setting the `backgroundColor` style to `transparent` but no change…  
For now I’ve set the `cells.styles.backgroundColor` to the same colour as the View that it’s embedded into. Not ideal though

Ignore the row height, that’s a separate issue.

While I’m here, can I change the row padding/margin that surrounds the embedded view rows? I haven’t set any up you can see that either side the embedded view bounds don’t line up with the heading bounds at the top. Again, i’ve changed all of the margin and padding in all the styles I could find…

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/5/052410f52f5d1cf74cd83c58907420e9dab54291.png)

---

<div class="post-metadata">

**Author:** ![jball](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jball/32/11128_2.png) [@jball](https://forum.inductiveautomation.com/u/jball)\
**Post date:** [October 14, 2020, 7:00pm UTC](https://forum.inductiveautomation.com/t/perspective-set-background-colour-of-table/38928/2 "2020-10-14T19:00:11Z")

</div>

@nminchin, those styles can’t be reached with the styling that we expose through component properties, but it’s still doable. You’ll need to get into custom theming for that level of control. These style overrides should get you there:

```auto
.ia_table .ia_table__cell .content {
    padding: 0px;
}

.ia_table_body {
    background-color: transparent;
}

.ia_table.ia_container--secondary {
    background-color: transparent;
}

```

Because these are the internals of the component, they are subject to change between releases (just the standard warning with custom theming).

---

<div class="post-metadata">

**Author:** ![jasoncoope](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jasoncoope/32/18674_2.png) [@jasoncoope](https://forum.inductiveautomation.com/u/jasoncoope)\
**Post date:** [November 19, 2020, 7:49pm UTC](https://forum.inductiveautomation.com/t/perspective-set-background-colour-of-table/38928/3 "2020-11-19T19:49:18Z")

</div>

Where do these style overrides go? On the table component itself? Example would be great.

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [November 19, 2020, 8:06pm UTC](https://forum.inductiveautomation.com/t/perspective-set-background-colour-of-table/38928/4 "2020-11-19T20:06:08Z")

</div>

> [@jasoncoope](#):
>
> On the table component itself?

Well technically yes, but they're not applied via the designer, but through the theme css files. You could simply add these to the variable.css from the theme you're using e.g. Light, but these get overwritten on igntion install. The proper way, as Josh said, is to create a new custom theme which is fairly easy to do. Have a read of the readme.md within the igntion theme directory.

Windows theme path:  
`c:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\themes`

---

<div class="post-metadata">

**Author:** ![jasoncoope](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jasoncoope/32/18674_2.png) [@jasoncoope](https://forum.inductiveautomation.com/u/jasoncoope)\
**Post date:** [November 19, 2020, 11:18pm UTC](https://forum.inductiveautomation.com/t/perspective-set-background-colour-of-table/38928/5 "2020-11-19T23:18:11Z")

</div>

Appreciate the input Nick. I’ll try it out.