title: VueJS in IE 11 - template wrapper for <tr> not working, works in Edge and Chrome
body: <p>This is using Vue 2.5.16 in IE 11.  Assume a <code>dataset</code> array in app.data, the following works fine in Chrome (and the code is simplified):</p>
  
  <pre><code>...
  &lt;tbody&gt;
  &lt;template v-for="(datarow, index) in dataset"&gt;
      &lt;tr&gt;&lt;td&gt; {{ datarow }} {{ index }} &lt;/td&gt;&lt;/tr&gt;
      &lt;tr v-if="!(index % 50)"&gt;&lt;td&gt; -repeating header row- &lt;/td&gt;&lt;/tr&gt;
  &lt;/template&gt;
  &lt;/tbody&gt;
  ...
  </code></pre>
  
  <p>However, in IE 11, it does not work and furthermore there is no line and character number in console error (took me some time to figure out).  It just says in red:</p>
  
  <pre><code>[object Error] {description: "'datarow' is undefined" ..
  </code></pre>
  
  <p>It works if I remove the <code>template</code> tag and just put the <code>v-for</code> repeat in first <code>tr</code> and remove the 2nd one.. but I really would like to have the second one.</p>
  
  <p>I assume this is a DOM issue difference in IE 11 and that IE 11 is hoisting the <code>template</code> tag outside the table, but don't know IF any non-standard tag will work, or if so which one will work.  How can I solve this?</p>