since few days, i tried to avoid to put an harcoded list in my JS to display a list of header labels.

I have tested many stuff but do not manage to find the way to do it. In Html, if a put a list inside the model, the value is well interpreted by the tag th:text

<td th:each="header:${headerMemberLiaisonList}" th:text="#{'planner.table.header.'+ ${header}}">???planner.table.header</td>

The issue is that my list is not computed at this moment because it depends on the actions of the user in this view. So I try to move it in JS part.
But the same peace of code in js which should be [[#{'planner.table.header.'+headers[i]}]], is not interpreted because the value between brackets is read as string.

any idea?