# Need to align the column and row size in Perspective table

**URL:** <https://forum.inductiveautomation.com/t/need-to-align-the-column-and-row-size-in-perspective-table/91933>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [June 17, 2024, 11:28am UTC](https://forum.inductiveautomation.com/t/need-to-align-the-column-and-row-size-in-perspective-table/91933 "2024-06-17T11:28:46Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![srinivasan\_s](https://avatars.discourse-cdn.com/v4/letter/s/eb9ed0/32.png) [@srinivasan\_s](https://forum.inductiveautomation.com/u/srinivasan_s)\
**Post date:** [June 17, 2024, 11:28am UTC](https://forum.inductiveautomation.com/t/need-to-align-the-column-and-row-size-in-perspective-table/91933/1 "2024-06-17T11:28:46Z")

</div>

I trying to align the column heading to align to row correctly, also need to know how to give the spacing between column?

 ![table](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/6/065fd7a52ed9230a652b96a133b787b8a4f82724.png)  
kindly help me with simple issue

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [June 17, 2024, 12:13pm UTC](https://forum.inductiveautomation.com/t/need-to-align-the-column-and-row-size-in-perspective-table/91933/2 "2024-06-17T12:13:52Z")

</div>

> I trying to align the column heading to align to row correctly, ...

The best thing to do here is to replace the `_` characters with spaces.

- Easy way: Type them into `columns.x.header.title` for each column `x`.
- Script way: read the headers, replace '\_' with ' ' and script the `columns.x.header.title`.

> ... also need to know how to give the spacing between column?

Create a style class, `paddingLR` (left-right). Set  
`padding-left : 5px`  
`padding-right : 5px`

On each column select the `paddingLR` from the header styles dropdown.  
`columns.x.header.style.classes : paddingLR`

---

<div class="post-metadata">

**Author:** ![srinivasan\_s](https://avatars.discourse-cdn.com/v4/letter/s/eb9ed0/32.png) [@srinivasan\_s](https://forum.inductiveautomation.com/u/srinivasan_s)\
**Post date:** [June 17, 2024, 12:20pm UTC](https://forum.inductiveautomation.com/t/need-to-align-the-column-and-row-size-in-perspective-table/91933/3 "2024-06-17T12:20:35Z")

</div>

thank you. Will check it

---

<div class="post-metadata">

**Author:** ![srinivasan\_s](https://avatars.discourse-cdn.com/v4/letter/s/eb9ed0/32.png) [@srinivasan\_s](https://forum.inductiveautomation.com/u/srinivasan_s)\
**Post date:** [June 18, 2024, 4:37am UTC](https://forum.inductiveautomation.com/t/need-to-align-the-column-and-row-size-in-perspective-table/91933/4 "2024-06-18T04:37:19Z")

</div>

Thank you for your valuable input. Actually I tired the same as you instruted. But none is changing . Kindly check.

 ![talele](https://us1.discourse-cdn.com/inductiveautomation/original/3X/a/4/a4661aefbcca90a8b0d0de0fb4d48eab5128e044.png)

For your info, table data is coming from a tag. Not able to resize the columns also even though I have enabled the resizable - True.

---

<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:** [June 18, 2024, 8:18am UTC](https://forum.inductiveautomation.com/t/need-to-align-the-column-and-row-size-in-perspective-table/91933/5 "2024-06-18T08:18:46Z")

</div>

> [@Transistor](#):
>
> On each column select the `paddingLR` from the header styles dropdown.  
> `columns.x.header.style.classes : paddingLR`

You need to fill the `field` property of each column. Without that the column configurations don't apply

> [@Transistor](#):
>
> On each column select the `paddingLR` from the header styles dropdown.

Isn't there a "global" column style property ?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [June 18, 2024, 8:31am UTC](https://forum.inductiveautomation.com/t/need-to-align-the-column-and-row-size-in-perspective-table/91933/6 "2024-06-18T08:31:09Z")

</div>

Yes, `column.x.field` must be defined.

I never found a global columns property and always set each column individually.

---

<div class="post-metadata">

**Author:** ![srinivasan\_s](https://avatars.discourse-cdn.com/v4/letter/s/eb9ed0/32.png) [@srinivasan\_s](https://forum.inductiveautomation.com/u/srinivasan_s)\
**Post date:** [June 18, 2024, 9:05am UTC](https://forum.inductiveautomation.com/t/need-to-align-the-column-and-row-size-in-perspective-table/91933/7 "2024-06-18T09:05:58Z")

</div>

Sure thanks . I found the thing. Thank you
