title: ngFor For complicated json
body: <p>I have following JSON data and using <code>*ngFor</code> in Angular 7 need to display data in tabular format.</p>
  
  <pre><code> &lt;table class="table"&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
        &lt;th&gt;&lt;/th&gt;
          &lt;td&gt;java&lt;/td&gt;
          &lt;td&gt;.Net&lt;/td&gt;
          &lt;td&gt;Integration&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;th&gt;A1&lt;/th&gt;
          &lt;td&gt;20&lt;/td&gt;
          &lt;td&gt;30&lt;/td&gt;
          &lt;td&gt;30&lt;/td&gt;
      &lt;/tr&gt;
       &lt;tr&gt;
        &lt;th&gt;B1&lt;/th&gt;
          &lt;td&gt;100&lt;/td&gt;
          &lt;td&gt;300&lt;/td&gt;
          &lt;td&gt;200&lt;/td&gt;
      &lt;/tr&gt;
     &lt;tr&gt;
        &lt;th&gt;c1&lt;/th&gt;
          &lt;td&gt;200&lt;/td&gt;
          &lt;td&gt;300&lt;/td&gt;
          &lt;td&gt;309&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>Here is the JSON</strong> </p>
  
  <pre><code>[
     {
         "grade":"A1",
         "data":{
          ".Net" :"6",
          "Java":"7",
          "Integration":"7"
       }
  
  },
  {
      "grade":"B1",
         "data":{
          ".Net" :"12",
          "Java":"70",
          "Integration":"56"
       }
      }
   ]
  </code></pre>