title: AngularJS Third Order Nested Table Structure
body: <p>Say I have the following data structure</p>
  
  <pre><code>{
      'Key 1': {
          'Value 1': ['a', 'b', 'c'],
          'Value 2': ['d', 'e']
      },
      'Key 2': {
          'Value 3': ['f'],
          'Value 4': ['g', 'h']
      }
  }
  </code></pre>
  
  <p>How, with AngularJS, can I render it in a table similar to the following:</p>
  
  <pre><code>|-------|---------|---|
  | Key 1 | Value 1 | a |
  |       |         |---|
  |       |         | b |
  |       |         |---|
  |       |         | c |
  |       |---------|---|
  |       | Value 2 | d |
  |       |         |---|
  |       |         | e |
  |-------|---------|---|
  | Key 2 | Value 3 | f |
  |       |---------|---|
  |       | Value 4 | g |
  |       |         |---|
  |       |         | h |
  |-------|---------|---|
  </code></pre>
  
  <p>The keys are done via <code>rowspan</code>.</p>