title: How to create the dynamic columns table in angularjs and how to bind
body: <blockquote>
    <p>Im new to angularjs i need to be create dynamically columns which has
    colspan=3</p>
  </blockquote>
  
  <pre><code> &lt;tr&gt; 
  &lt;td colspan = 3&gt;UPS&lt;/td&gt; 
  &lt;/tr&gt; 
  &lt;tr&gt; 
  &lt;td&gt;Time_of_Reading&lt;/td&gt;
   &lt;td&gt;Lastreading&lt;/td&gt; 
  &lt;td&gt;Readingby&lt;/td&gt; 
  &lt;/tr&gt;
  </code></pre>
  
  <blockquote>
    <p>it shold be in loop based on data this should be generate dynamically
    same only</p>
  </blockquote>
  
  <p>data is this </p>
  
  <pre><code>[
    {
      "InvDetails": "UPS",
      "LstRecords": [
        {
          "Id": 1,
          "Invertor_Id": 1,
          "Time_of_Reading": "20170214",
          "Lastreading": 0,
          "Readingby": 0
        },
        {
          "Id": 87,
          "Invertor_Id": 1,
          "Time_of_Reading": "20170215",
          "Lastreading": 5,
          "Readingby": 10
        },
        {
          "Id": 110,
          "Invertor_Id": 1,
          "Time_of_Reading": "20170216",
          "Lastreading": 10,
          "Readingby": 92
        },
        {
          "Id": 111,
          "Invertor_Id": 1,
          "Time_of_Reading": "20170216",
          "Lastreading": 92,
          "Readingby": 95
        }
      ]
    },
    {
      "InvDetails": "Power Supply",
      "LstRecords": [
        {
          "Id": 2,
          "Invertor_Id": 2,
          "Time_of_Reading": "20170214",
          "Lastreading": 0,
          "Readingby": 0
        },
        {
          "Id": 88,
          "Invertor_Id": 2,
          "Time_of_Reading": "20170215",
          "Lastreading": 7,
          "Readingby": 13
        },
        {
          "Id": 109,
          "Invertor_Id": 2,
          "Time_of_Reading": "20170216",
          "Lastreading": 13,
          "Readingby": 25
        },
        {
          "Id": 112,
          "Invertor_Id": 2,
          "Time_of_Reading": "20170216",
          "Lastreading": 25,
          "Readingby": 49
        }
      ]
    }
  ]
  </code></pre>
  
  <blockquote>
    <p>please some one help me in this how to create the dynamic colmns and
    how to bind this one to angularjs</p>
  </blockquote>