title: Vue.js root element on table rows
body: <p>Using this hierarchy of components in vue.js app:</p>
  
  <pre><code>&lt;Root&gt;
    &lt;Table&gt;
      &lt;Row&gt;
      &lt;Row&gt;
      ...
      &lt;Row&gt;
  </code></pre>
  
  <p>The poblem is with root element in Row component. At first it was table TR element. But now I don't know how many TR rows will be in Row component. Template tag can't be root element. </p>
  
  <p><strong>How it's better to organize Row controller with many TR rows?</strong></p>
  
  <pre><code>&lt;script type="text/template" id="row-template"&gt;
  &lt;tr&gt;
    &lt;td&gt;{{row.name}}&lt;/td&gt;
    &lt;td&gt;{{row.price}}&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;-&lt;/td&gt;
    &lt;td&gt;{{row.params[0].name}}&lt;/td&gt;
  &lt;/td&gt;
  &lt;tr&gt;
    &lt;td&gt;-&lt;/td&gt;
    &lt;td&gt;{{row.params[1].name}}&lt;/td&gt;
  &lt;/td&gt;
  &lt;/script&gt;
  </code></pre>