Dust.js multi level array data

Question

My JSON data looks something like this:

{
    data:[
        [
            {"title": "Text1"},
            {"title": "Text2"},
            {"title": "Text3"}
        ],
        [
            {"title": "Text4"},
            {"title": "Text5"},
            {"title": "Text6"}
        ]
    ]
}

I want to use the data to generate a table. So far, I only manage to get it generate rows.

{#data}
    <tr>
      <td>{title}</td>
    </tr>
{/data}

How can I get it generate columns? Thanks.

Answer 1

You need to add an extra loop as each value in the first array is also an array:

{#data}
    <tr>
        {#.}
            <td>{.title}</td>
        {/.}
    </tr>
{/data}