Javascript, mustache.js, how to

Question

I am using mustache.js, to put my page together, and on an event i am catching a json object, which I save in a variable, the code looks like this:

{
    "result": [
        {
            "first": null,
            "second": "something",
            "third": "etc"
        }, {
            "first": null,
            "second": "something",
            "third": "etc"
        }, {
            "first": null,
            "second": "something",
            "third": "etc"
        }
    ]
}

I cant figure out what mustache structure to use on the template to show the data in a table. It seems the array is irregular shaped, I want to put it into a table. Any ideas? THX.

Answer 1

The data structure looks quite normal and convenient for rendering in tabular view. Corresponding Mustache template could look something like this then:

<table>
{{#result}}
  <tr>
    <td>first: {{first}}</td>
    <td>second: {{second}}</td>
    <td>third: {{third}}</td>
  </tr>
{{/result}}
</table>

Check the documentation about collectons in Mustache.