# Add Style for normal Table in perspective

**URL:** <https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 14, 2023, 11:23am UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018 "2023-03-14T11:23:43Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![saravanan\_Manickam](https://avatars.discourse-cdn.com/v4/letter/s/278dde/32.png) [@saravanan\_Manickam](https://forum.inductiveautomation.com/u/saravanan_Manickam)\
**Post date:** [March 14, 2023, 11:23am UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/1 "2023-03-14T11:23:43Z")

</div>

![normalTable](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/4/a48b44e02686cdd1eaee3f36687fda68b1e0c08e.png)  
Here I have used Normal table.  
EX : let's consider the column sample, I make it into center by using align-text in style property it's not working.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/6/46f48af59611f012bf7194f16834feddaded18d2.png)

Any suggestion's please..  
Thanks in advance

---

<div class="post-metadata">

**Author:** ![bschroeder](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bschroeder/32/13260_2.png) [@bschroeder](https://forum.inductiveautomation.com/u/bschroeder)\
**Post date:** [March 14, 2023, 11:42am UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/2 "2023-03-14T11:42:28Z")

</div>

See the docs here: [Table Column Configurations - Ignition User Manual 8.1 - Ignition Documentation](https://docs.inductiveautomation.com/display/DOC81/Table+Column+Configurations)

Under the props.columns, you can specify the justification for each column. The style doesn't affect the data in the column.

---

<div class="post-metadata">

**Author:** ![saravanan\_Manickam](https://avatars.discourse-cdn.com/v4/letter/s/278dde/32.png) [@saravanan\_Manickam](https://forum.inductiveautomation.com/u/saravanan_Manickam)\
**Post date:** [March 14, 2023, 12:20pm UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/3 "2023-03-14T12:20:57Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/f/5f2c68a76e16692ab08520532a07821784c1601c.png)  
doesn't work for me !!  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/1/c1e7ee31e7707bfced7b6c0b60c9bdec5b6cdd28.png)

---

<div class="post-metadata">

**Author:** ![bschroeder](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bschroeder/32/13260_2.png) [@bschroeder](https://forum.inductiveautomation.com/u/bschroeder)\
**Post date:** [March 14, 2023, 12:24pm UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/4 "2023-03-14T12:24:40Z")

</div>

Do you have any other styles set on the table?

---

<div class="post-metadata">

**Author:** ![saravanan\_Manickam](https://avatars.discourse-cdn.com/v4/letter/s/278dde/32.png) [@saravanan\_Manickam](https://forum.inductiveautomation.com/u/saravanan_Manickam)\
**Post date:** [March 14, 2023, 12:46pm UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/5 "2023-03-14T12:46:32Z")

</div>

NO ...Just now I drag that component into the view from components. and changed the

> justify as center

and I shared post the result

---

<div class="post-metadata">

**Author:** ![bschroeder](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bschroeder/32/13260_2.png) [@bschroeder](https://forum.inductiveautomation.com/u/bschroeder)\
**Post date:** [March 14, 2023, 12:59pm UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/6 "2023-03-14T12:59:06Z")

</div>

hmm... do you have any style on the column container? Nothing at all? If no styles anywhere then I'm stumped.

Maybe put it in a completely brand new flex container view? I don't use column containers so maybe there is something with that.

If that doesn't work I'm stumped.

---

<div class="post-metadata">

**Author:** ![saravanan\_Manickam](https://avatars.discourse-cdn.com/v4/letter/s/278dde/32.png) [@saravanan\_Manickam](https://forum.inductiveautomation.com/u/saravanan_Manickam)\
**Post date:** [March 14, 2023, 1:07pm UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/7 "2023-03-14T13:07:19Z")

</div>

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

--\>Here I put a new flex container and tried ,no expect output comes.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/8/c8849832f91b0f59cf9f1df7fb783b8767757b63.png)

---

<div class="post-metadata">

**Author:** ![bschroeder](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/bschroeder/32/13260_2.png) [@bschroeder](https://forum.inductiveautomation.com/u/bschroeder)\
**Post date:** [March 14, 2023, 1:12pm UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/8 "2023-03-14T13:12:12Z")

</div>

Don't know then. Sorry.

---

<div class="post-metadata">

**Author:** ![avaughn](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/avaughn/32/38972_2.png) [@avaughn](https://forum.inductiveautomation.com/u/avaughn)\
**Post date:** [March 14, 2023, 1:34pm UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/9 "2023-03-14T13:34:22Z")

</div>

If you look under props.columns.{column\_number} there should be a header property. Try setting Justify inside of the header property. You'll also need to make sure each column has the field property set. So, fo the first column, set the field property to `city`.  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/7/77493cd3a2ffd2410d3b78eecda487dd451e3546.png)

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

---

<div class="post-metadata">

**Author:** ![saravanan\_Manickam](https://avatars.discourse-cdn.com/v4/letter/s/278dde/32.png) [@saravanan\_Manickam](https://forum.inductiveautomation.com/u/saravanan_Manickam)\
**Post date:** [March 15, 2023, 11:31am UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/10 "2023-03-15T11:31:42Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/d/1/d1fa37d9eec1019fa3e7f9393e4a886f847da035.png)  
I tried the header only coming center

thank you !!

later I have tried by giving the justify too as center under the columns .  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/2/82e5f49256ac8ab7b997121e6f25bf74ddb83bc4.png)

---

<div class="post-metadata">

**Author:** ![saravanan\_Manickam](https://avatars.discourse-cdn.com/v4/letter/s/278dde/32.png) [@saravanan\_Manickam](https://forum.inductiveautomation.com/u/saravanan_Manickam)\
**Post date:** [March 31, 2023, 6:22am UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/11 "2023-03-31T06:22:04Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/1/c/1c0bfdb1f3b157b5656c4cee89ee03dc661d07f6.png)  
Dear @avaughn ,

```
  for sample its works, but in existing table it doesn't working :worried:

```

---

<div class="post-metadata">

**Author:** ![avaughn](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/avaughn/32/38972_2.png) [@avaughn](https://forum.inductiveautomation.com/u/avaughn)\
**Post date:** [March 31, 2023, 2:07pm UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/12 "2023-03-31T14:07:40Z")

</div>

Can you provide screenshots of your configuration for the columns property?

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [March 31, 2023, 2:30pm UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/13 "2023-03-31T14:30:34Z")

</div>

Make sure you've filled the `field` property of each column you want to display/configure.

---

<div class="post-metadata">

**Author:** ![saravanan\_Manickam](https://avatars.discourse-cdn.com/v4/letter/s/278dde/32.png) [@saravanan\_Manickam](https://forum.inductiveautomation.com/u/saravanan_Manickam)\
**Post date:** [April 1, 2023, 4:23am UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/14 "2023-04-01T04:23:50Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/2/72c294a2d14514a97941bba9ca5786da7e8d9ea7.png)

---

<div class="post-metadata">

**Author:** ![saravanan\_Manickam](https://avatars.discourse-cdn.com/v4/letter/s/278dde/32.png) [@saravanan\_Manickam](https://forum.inductiveautomation.com/u/saravanan_Manickam)\
**Post date:** [April 1, 2023, 4:24am UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/15 "2023-04-01T04:24:11Z")

</div>

yes I did

---

<div class="post-metadata">

**Author:** ![saravanan\_Manickam](https://avatars.discourse-cdn.com/v4/letter/s/278dde/32.png) [@saravanan\_Manickam](https://forum.inductiveautomation.com/u/saravanan_Manickam)\
**Post date:** [April 1, 2023, 4:28am UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/16 "2023-04-01T04:28:43Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![avaughn](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/avaughn/32/38972_2.png) [@avaughn](https://forum.inductiveautomation.com/u/avaughn)\
**Post date:** [April 1, 2023, 5:36am UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/17 "2023-04-01T05:36:38Z")

</div>

Can you try setting the field property to `Location Of Check`? It should exactly match the name of the column in the dataset.

---

<div class="post-metadata">

**Author:** ![saravanan\_Manickam](https://avatars.discourse-cdn.com/v4/letter/s/278dde/32.png) [@saravanan\_Manickam](https://forum.inductiveautomation.com/u/saravanan_Manickam)\
**Post date:** [April 1, 2023, 5:51am UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/18 "2023-04-01T05:51:44Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/0/805330a0872060baa70774022ef41a04dc4e6095.png)  
tried  
no changes

---

<div class="post-metadata">

**Author:** ![avaughn](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/avaughn/32/38972_2.png) [@avaughn](https://forum.inductiveautomation.com/u/avaughn)\
**Post date:** [April 1, 2023, 5:59am UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/19 "2023-04-01T05:59:40Z")

</div>

I believe it’s also case sensitive. Try matching the casing exactly.

---

<div class="post-metadata">

**Author:** ![saravanan\_Manickam](https://avatars.discourse-cdn.com/v4/letter/s/278dde/32.png) [@saravanan\_Manickam](https://forum.inductiveautomation.com/u/saravanan_Manickam)\
**Post date:** [April 1, 2023, 6:03am UTC](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018/20 "2023-04-01T06:03:02Z")

</div>

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

[Next page](https://forum.inductiveautomation.com/t/add-style-for-normal-table-in-perspective/71018.md?page=2)
