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