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:
Thank you so much for the detailed explanation.

1 Like