title: Kendo UI Angular Grid - Collapse all headers
body: <p>I have a kendo grid based on the following structure:</p>
  
  <pre><code>    Master Group A
          Sub Group A
              -Data A-
              -Data B-
          Sub Group B
              -Data C-
              -Data D-
          Sub Group C
              -Data E-
              -Data F-
      Master Group B
          Sub Group A
              -Data G-
              -Data H-
          Sub Group B
              -Data I-
              -Data J-
          Sub Group C
              -Data K-
              -Data L-
      Master Group C
          Sub Group A
              -Data M-
              -Data N-
          Sub Group B
              -Data O-
              -Data P-
          Sub Group C
              -Data Q-
              -Data R-
  </code></pre>
  
  <p>I'm wanting it to look something like the following when the page first loads up:</p>
  
  <pre><code>    Master Group A
          Sub Group A
          Sub Group B
          Sub Group C
      Master Group B
          Sub Group A
          Sub Group B
          Sub Group C
      Master Group C
          Sub Group A
          Sub Group B
          Sub Group C
  </code></pre>
  
  <p>My data currently is one data part per line. Each line of data is it's own data.
  Does anyone know how to do this?</p>
  
  <ul>
  <li>I have a Kendo Angular2 Slack: <a href="https://kendouiangular2.slack.com" rel="nofollow noreferrer">https://kendouiangular2.slack.com</a></li>
  </ul>