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

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.

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.



When the locale of an active session has a translation in place:
Screen Shot 2021-02-20 at 8.09.51AM

Thank you so much for the detailed explanation. :laughing: :laughing:

1 Like