title: TreeTable by HTML+CSS
body: <p>Stumbled upon a problem with TreeTable...
  Help to understand, how to make the second level and further down will not appear when the upper td input is checked. Unfortunately I can use only HTML+CSS. <a href="http://jsfiddle.net/selcet/vA2eV/" rel="nofollow noreferrer">how it looks like now on jsfiddle</a> <br></p>
  
  <pre><code>&lt;table class="table-tree" cellspacing="0"&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;label for="folder2"&gt;Folder 1&lt;/label&gt;
                  &lt;input type="checkbox" id="folder2" /&gt;
                  &lt;table class="table-wrapper"&gt;
                      &lt;tr&gt;
                          &lt;td class="file"&gt;&lt;a href=""&gt;Subfile 1&lt;/a&gt;&lt;/td&gt;
                          &lt;td class="file"&gt;&lt;a href=""&gt;Subfile 2&lt;/a&gt;&lt;/td&gt;
                          &lt;td&gt;
                              &lt;label for="folder3"&gt;Subfolder 1&lt;/label&gt;
                              &lt;input type="checkbox" id="folder3" /&gt;
                              &lt;table class="table-wrapper"&gt;
                                  &lt;tr&gt;
                                      &lt;td class="file"&gt;&lt;a href=""&gt;Subsubfile 1&lt;/a&gt;&lt;/td&gt;
                                      &lt;td class="file"&gt;&lt;a href=""&gt;Subsubfile 2&lt;/a&gt;&lt;/td&gt;
                                  &lt;/tr&gt;
                              &lt;/table&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>It would be great if layout was like this <br/> </p>
  
  <p><img src="https://i.stack.imgur.com/2HGUL.jpg" alt="enter image description here"></p>
  
  <p>Can anyone help me, please?</p>