title: Hierarchical tables with vuejs
body: <p>I need to display some tree structures on an application I'm working on. The sample data would be something like this:</p>
  
  <pre><code>Category 1
         - Subcategory 1.1
                  - Subcategory 1.1.1:     5 items
                  - Subcategory 1.1.2:     6 items
         - Subcategory 1.2
                  - Subcategory 1.2.1:     2 items
  Category 2
         - Subcategory 2.1
                  - Subcategory 2.2.1:     5 items
                  - Subcategory 2.2.2:     6 items
                  - Subcategory 2.2.3:     5 items
                  - Subcategory 2.2.4:     6 items
  </code></pre>
  
  <p>So I need to put this on a table for which i need to alter the rowspan on the parent groups. The thing is that I have no idea how to do that with Vuejs. I tried with v-for structures on the three levels, but I'm seriously lost. Has anyone done something similar with Vue? </p>