title: XTemplate - Array of Arrays
body: <p>I have the following template:</p>
  
  <pre><code>tpl: [
      '&lt;table class="grid-wrap x-grid-table x-grid-with-row-lines x-grid-with-col-lines"&gt;',
          '&lt;tpl foreach="."&gt;',       // process the data.kids node
              '&lt;tr class="{[xindex % 2 === 0 ? "x-grid-row-alt" : ""]}"&gt;',
                  '&lt;td class="x-grid-td x-grid-cell"&gt;&lt;div class="x-grid-cell-inner"&gt;{$}&lt;/div&gt;&lt;/td&gt;',
                  '&lt;td class="x-grid-td x-grid-cell"&gt;&lt;div class="x-grid-cell-inner"&gt;{.}&lt;/div&gt;&lt;/td&gt;',
              '&lt;/tr&gt;',
          '&lt;/tpl&gt;',
      '&lt;/table&gt;'
  ],
  </code></pre>
  
  <p>and I have the following data:</p>
  
  <pre><code>var data = [
     ["Title A", "Data A"],
     ["Title B", "Data B"]
  ]
  </code></pre>
  
  <p>How can I make the template iterate through the array of arrays and display the Title in the first <code>td</code> and the data in the second <code>td</code>?</p>