title: Building a simple table component
body: <p>I would like to build two components, one for the table and one for each row. </p>
  
  <p>Coding for the table looks like that:</p>
  
  <pre><code>@Component({
    tag: 'wb-overview-table',
  })
  export class WorkbookOverviewTable {
    items: Array&lt;any&gt;;
  
    constructor() {
      this.items = [ { id: 1, name: "asd" }, { id: 2, name: "qwes" } ];
    }
  
    render() {
      return (
        &lt;table&gt;
          {this.items.map(item =&gt; {
            return (
              &lt;wb-overview-table-row item={item}&gt;&lt;/wb-overview-table-row&gt;
            );
          })}
        &lt;/table&gt;
      );
    }
  }
  </code></pre>
  
  <p>Coding for row looks like that:</p>
  
  <pre><code>@Component({
      tag: 'wb-overview-table-row',
  
  })
  export class WorkbookOverviewTableRow {
      @Prop() item: any;
  
      render() {
          return (
              &lt;tr&gt;
                  &lt;td&gt;{this.item.id}&lt;/td&gt;
                  &lt;td&gt;{this.item.name}&lt;/td&gt;
              &lt;/tr&gt;
          );
      }
  }
  </code></pre>
  
  <p>The rendered html looks like that:</p>
  
  <pre><code>&lt;wb-overview-table class="hydrated"&gt;
     &lt;table&gt;
        &lt;wb-overview-table-row class="hydrated"&gt;
           &lt;tr&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td&gt;asd&lt;/td&gt;
           &lt;/tr&gt;
        &lt;/wb-overview-table-row&gt;
        &lt;wb-overview-table-row class="hydrated"&gt;
           &lt;tr&gt;
              &lt;td&gt;2&lt;/td&gt;
              &lt;td&gt;qwes&lt;/td&gt;
           &lt;/tr&gt;
        &lt;/wb-overview-table-row&gt;
     &lt;/table&gt;
  &lt;/wb-overview-table&gt;
  </code></pre>
  
  <p>Problem is, that the structure of the table isn't correct. And I understand why it get's rendered like that. But I just don't know how to render the table correctly, so that table-tag will have the tr-tags as child elements. 
  What is the correct way of building two components, one for the table and one for the rows?</p>
  
  <p>Thanks a lot!</p>