Oracle Jet使用JSON填充基础表格报错及解决记录

问题重现 #

我在尝试用JSON数据填充Oracle JET基础表格时，遇到了如下报错：

Uncaught Error: oj-table with id 'table1': Unable to parse columns='[ {headerText: "ID", field: "id"}, {headerText: "Name", field: "name"}, {headerText: "Username", field: "username"}, {headerText: "...

问题根源 #

排查后发现，问题出在HTML中columns属性的JSON配置里——最后一个列对象的末尾多了一个尾随逗号。尽管现代JavaScript环境大多允许对象/数组使用尾随逗号，但Oracle JET的表格组件对列配置的JSON解析有着更严格的语法要求，这个多余的逗号直接导致配置解析失败。

解决方法 #

只需要删除列配置中最后一项末尾的多余逗号即可：

调整前（错误配置，注意最后一行的逗号）：

<oj-table id="table1" columns='[ 
  {headerText: "ID", field: "id"}, 
  {headerText: "Name", field: "name"}, 
  {headerText: "Username", field: "username"}, 
  {headerText: "Email", field: "email"},  <!-- 这里的逗号是问题所在 -->
]'>
</oj-table>

调整后（正确配置）：

<oj-table id="table1" columns='[ 
  {headerText: "ID", field: "id"}, 
  {headerText: "Name", field: "name"}, 
  {headerText: "Username", field: "username"}, 
  {headerText: "Email", field: "email"}  <!-- 多余逗号已删除 -->
]'>
</oj-table>

修改完成后，表格就能正常解析列配置并加载JSON数据了。

内容的提问来源于stack exchange，提问作者absoluteRango