title: Vue: How to conditionally render tr in tbody
body: <p>I have a table body with multiple rows, such as this:</p>
  
  <pre><code>&lt;table&gt;
  &lt;tbody&gt;
  &lt;tr&gt;...&lt;/tr&gt;
  &lt;tr&gt;...&lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I want to conditionally combine v-if an v-for, to conditionally render one or more additional rows.  The Vue manual says to wrap the v-for in a v-if, such as follows:</p>
  
  <pre><code>&lt;div v-if="team.positions != null"&gt;
      &lt;my-row v-for="position in team.positions"
                  :position="position"
                  :key="position.id"&gt;
      &lt;/my-row&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is that I can't put a div in a tbody, or any other element for that matter.  What's the solution?</p>