# How to translate Table Headers in Perspective using the translate() function

**URL:** <https://forum.inductiveautomation.com/t/how-to-translate-table-headers-in-perspective-using-the-translate-function/43646>\
**Category:** Ignition\
**Tags:** ignition80\
**Created:** [February 20, 2021, 2:19am UTC](https://forum.inductiveautomation.com/t/how-to-translate-table-headers-in-perspective-using-the-translate-function/43646 "2021-02-20T02:19:48Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![baisea2018](https://avatars.discourse-cdn.com/v4/letter/b/5daacb/32.png) [@baisea2018](https://forum.inductiveautomation.com/u/baisea2018)\
**Post date:** [February 20, 2021, 2:19am UTC](https://forum.inductiveautomation.com/t/how-to-translate-table-headers-in-perspective-using-the-translate-function/43646/1 "2021-02-20T02:19:48Z")

</div>

After reading the answer under “Perspective translation of table headers” topic, I did try to bind the header values to an expression function translate().

However, I have difficulties finding the exact position where I can bind the header values with the function.

I would really appreciate it if any help can be provided.

---

<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:** [February 20, 2021, 4:10pm UTC](https://forum.inductiveautomation.com/t/how-to-translate-table-headers-in-perspective-using-the-translate-function/43646/2 "2021-02-20T16:10:35Z")

</div>

There are two steps to translating the headers of your table.

Step 1:  
You must have column configurations in place for each of your columns, where the value of the `field` property is a case-sensitive match to the name of the column you want to display.

Step 2:  
You must then bind the `Table.props.columns[x].header.title` property with the `translate('MyColumnName')` expression.

In this example, I am translating the header of the “city” column of the default data in the Table component to be the phrase “My Translated City”:

You can see that I’ve supplied “city” as the column which will be used for column `0`, and in the header object I’ve bound the `title` property to a translation of that column’s name.

 ![Screen Shot 2021-02-20 at 8.03.58AM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/5/f5b5e045351cdb6ac8440aa6434e7b7cb9edc463.png)  
 ![Screen Shot 2021-02-20 at 8.03.38AM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/a/7a766abe6fc13000f4eaee01a24b78fde92799f0.png)  
When the locale of an active session has a translation in place:  
 ![Screen Shot 2021-02-20 at 8.09.51AM](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/e/ce136bde23be440bdcea02bfdeeb8c074b0c683c.png)

---

<div class="post-metadata">

**Author:** ![baisea2018](https://avatars.discourse-cdn.com/v4/letter/b/5daacb/32.png) [@baisea2018](https://forum.inductiveautomation.com/u/baisea2018)\
**Post date:** [February 22, 2021, 1:48am UTC](https://forum.inductiveautomation.com/t/how-to-translate-table-headers-in-perspective-using-the-translate-function/43646/3 "2021-02-22T01:48:49Z")

</div>

Thank you so much for the detailed explanation. 😆 😆