# Default table styles changed, can't find a way to fix it

**URL:** <https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [June 22, 2021, 9:53pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083 "2021-06-22T21:53:47Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![V.Anderson](https://avatars.discourse-cdn.com/v4/letter/v/ecae2f/32.png) [@V.Anderson](https://forum.inductiveautomation.com/u/V.Anderson)\
**Post date:** [June 22, 2021, 9:53pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/1 "2021-06-22T21:53:47Z")

</div>

In the screenshot you can see there is no padding (0px is set) for the content of table cells. But I haven’t made a style like this, and this is the default layout of the table.

How can I fix this?

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

---

<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:** [June 23, 2021, 1:12am UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/2 "2021-06-23T01:12:43Z")

</div>

The padding that was there previously was placed erroneously; it enforced that 5px of padding whether users wanted it or not. If you would like to put the padding in place yourself, you should set the `props.cells.style.padding` value.

![Screen Shot 2021-06-22 at 6.10.46 PM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/3/531f784d221196ef8e14e00a60d7b2a6620e4fea.png)

---

<div class="post-metadata">

**Author:** ![V.Anderson](https://avatars.discourse-cdn.com/v4/letter/v/ecae2f/32.png) [@V.Anderson](https://forum.inductiveautomation.com/u/V.Anderson)\
**Post date:** [June 23, 2021, 1:30pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/3 "2021-06-23T13:30:44Z")

</div>

The 0px padding exists immediately on every insert of a new table component.

This seems like a bug, as I haven’t edited the table properties yet.

Are there default props somewhere in Ignition that can affect this?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 23, 2021, 1:39pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/4 "2021-06-23T13:39:52Z")

</div>

The css selector is right above it. `.table-container .t ...`

If you dont want to change it in every table like @cmallonee suggested, then you could change it with css in a theme using that selector with a new padding.

If you dont have the theme module and dont want to get it just for this you can also 'inject' it in a styleclass like i showed here:

> [@Perspective Table How to Handle Right Click Copy Event](http://forum.inductiveautomation.com/t/perspective-table-how-to-handle-right-click-copy-event/47618/5):
>
> i might have a hacky solution to make it invisible… if you create a style class and paste this }.contextMenuCommon.ia\_contextMenu{display:none;}{ into for example the background image. The copy popup will no longer be visible and clickable. It still triggers the event tho. Also this will now work on all tables you have in the project, so if do want it somewhere else you will have to change it a bit to be more specific. You can “inject” css in the styles. You can probably also c…

something like this should work on all tables:

```auto
}.table-container .t .tc .content {
    padding: 5px;
}{

```

note that doing this will remove the option of changing padding on individual level on other tables

---

<div class="post-metadata">

**Author:** ![V.Anderson](https://avatars.discourse-cdn.com/v4/letter/v/ecae2f/32.png) [@V.Anderson](https://forum.inductiveautomation.com/u/V.Anderson)\
**Post date:** [June 23, 2021, 1:51pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/5 "2021-06-23T13:51:30Z")

</div>

Victordcq, Thank you for your suggestion, but I am saying the default table in my instance is different than what it used to be. Before (as of last week) there was no 0px padding on the default table. (ie, I made no alterations to it)

Edit: If it is relevant, I just updated to 8.1 from 8.0

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 23, 2021, 1:52pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/6 "2021-06-23T13:52:34Z")

</div>

This was probably changed in an update yes  
Because as @cmallonee mentioned doing it like this removes the posibilty to change the padding on one instance of a table

---

<div class="post-metadata">

**Author:** ![V.Anderson](https://avatars.discourse-cdn.com/v4/letter/v/ecae2f/32.png) [@V.Anderson](https://forum.inductiveautomation.com/u/V.Anderson)\
**Post date:** [June 23, 2021, 1:55pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/7 "2021-06-23T13:55:15Z")

</div>

I hope not, it’s a really bad change. Note the padding in the default table here:  
[https://docs.inductiveautomation.com/display/DOC80/Perspective+-+Table](https://docs.inductiveautomation.com/display/DOC80/Perspective+-+Table)

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

And here is a table I just inserted from the components panel. I have not made changes to it at all.

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/a/9aefcb154e32a229f9f15aca9e32c33f56ddd9ec.png)

What do your tables look like when you first drag them onto the working area?

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 23, 2021, 1:57pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/8 "2021-06-23T13:57:00Z")

</div>

As the second one yes

---

<div class="post-metadata">

**Author:** ![V.Anderson](https://avatars.discourse-cdn.com/v4/letter/v/ecae2f/32.png) [@V.Anderson](https://forum.inductiveautomation.com/u/V.Anderson)\
**Post date:** [June 23, 2021, 1:57pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/9 "2021-06-23T13:57:44Z")

</div>

So this was a system change? At least I have an explanation, thank you! I was going crazy!

---

<div class="post-metadata">

**Author:** ![ryanjmclaughlin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/ryanjmclaughlin/32/4318_2.png) [@ryanjmclaughlin](https://forum.inductiveautomation.com/u/ryanjmclaughlin)\
**Post date:** [June 23, 2021, 1:58pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/10 "2021-06-23T13:58:16Z")

</div>

I can understand the reasons to remove the padding, but the issue is its not consistent. If you are going to remove it from the cells, you should have also removed it from the header cells. By default, the header and the cell content do not align by default which is more my issue that you defaulting to no padding IMO.

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

---

<div class="post-metadata">

**Author:** ![V.Anderson](https://avatars.discourse-cdn.com/v4/letter/v/ecae2f/32.png) [@V.Anderson](https://forum.inductiveautomation.com/u/V.Anderson)\
**Post date:** [June 23, 2021, 1:59pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/11 "2021-06-23T13:59:05Z")

</div>

Yes, because now my headers and cells do not match up.

But I think this was an error, not intentional, and I hope they fix this.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 23, 2021, 2:10pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/12 "2021-06-23T14:10:21Z")

</div>

My suggestions return it how it was before, if you need a fix for it right now

---

<div class="post-metadata">

**Author:** ![V.Anderson](https://avatars.discourse-cdn.com/v4/letter/v/ecae2f/32.png) [@V.Anderson](https://forum.inductiveautomation.com/u/V.Anderson)\
**Post date:** [June 23, 2021, 2:12pm UTC](https://forum.inductiveautomation.com/t/default-table-styles-changed-cant-find-a-way-to-fix-it/48083/13 "2021-06-23T14:12:48Z")

</div>

I don’t need a fix right now.

I think the goal for components needs to be “looks good enough by default”, and having a 0px padding does not look as good as having their previous default value.
