title: Using ng-repeat with keys in an array
body: <p>I have an object, simulating a Cassandra database, where I retrieve its data to display it on a AngularJs app. Unfortunately, I can't make a premade header for my array because the keys are subject to change, depending on the data I'll retrieve (Here's an example of what I'm talking about):</p>
  
  <pre><code>var columnFamilyData = {
    "DocInfo": {
      "4c58abf5": {
        "name": "coucou",
        "extension": "pdf",
        "size": 8751,
        "type": "facture",
        "repository": "archive"
      },
      "8cd524d7a45de": {
        "name": "gerard",
        "extension": "xml",
        "size": 48734,
        "type": "compta",
      },
      "5486d684fe54a": {
        "name": "splendide",
        "extension": "tiff",
        "type": "photos",
        "METADATA_A": "jambon"
      }
    },
    "Base": {
      "BASE_A": {
        "name": "BASE_A",
        "description": "That base is truly outrageous, they are truly, truly outrageous",
        "baseMetadata_1": "METADATA_A",
        "baseMetadata_2": "METADATA_B",
        "baseMetadata_3": "METADATA_C"
      },
    },
  }
  </code></pre>
  
  <p>As you can see, the arrays in <code>DocInfo</code> and <code>Base</code> are different, data and keys.</p>
  
  <p>What I want to do is being able to use my <code>ng-repeat</code> to create a <code>&lt;th&gt;</code> line with the key name (for instance, <code>Extension</code>, of <code>METADATA_A</code>), but only once, since <code>ng-repeat</code> may duplicate this information.</p>
  
  <p>I'm also providing a <a href="http://jsfiddle.net/EKtn5/" rel="nofollow">JSFiddle</a>, if it can help any of you to understand my goal.</p>
  
  <p>Thanks for reading and/or answering, have a great day.</p>