带空格的可动态 json 数据答案

【问题标题】：Dynatable json data with spaces带空格的可动态 json 数据
【发布时间】：2014-09-26 03:50:27
【问题描述】：

我正在尝试使用 dyntable 将数据写入 html 表。其中一个标题称为Week of year。在 JSON 文件中，名称也是 Week of year（带有空格）。将 json 传递给 dynatable 时：

$('#week_table').dynatable({
    dataset: {
        records: [{"Week of year":"June 9, 2014 to June 15, 2014","a":0.0,"b":0.0,"c":0.0,"d":0.0,"e":1.0,"f":0.0},{"Week of year":"June 16, 2014 to June 22, 2014","a":0.0,"b":0.0,"c":5.0,"d":0.0,"e":16.0,"f":0.0}]
}});

并绘制到 html 表格：

  <table id="week_table">
    <thead>
      <th>weekOfYear</th>
      <th>Week of year</th>
      <th>a</th>
      <th>b</th>
      <th>c</th>
      <th>d</th>
      <th>e</th>
      <th>f</th>
    </thead>
    <tbody>
    </tbody>
  </table>

对于a 到f，该表绘制得很好，但对于weekOfYear 和Week of year，显示为未定义。如何将 json 传递给包含空格的 dynatable？

【问题讨论】：

您的 dataset 对象似乎缺少一个结束括号。
在制作示例时这是一个拼写错误。更新了问题。

标签： javascript jquery json dynatable

【解决方案1】：

这很奇怪。起初它似乎对我也不起作用，但这里有一个链接到一个包含您的数据的工作示例。希望这会有所帮助

http://jsfiddle.net/jmtw1tpr/

我变了

<th>weekOfYear</th>

到

<th>week</th>

【讨论】：

它看起来与JSON属性的命名约定有关。尝试使用所有小写，如文档中所示：dynatable.com/?sorts%5Bus-%24%5D=-1#converting-attribute-names
我希望我可以控制 json 格式...就在下面，我在我正在寻找的文档中找到了隐藏行。将标题更改为 Week of year 解决了问题。