title: AngularJS Vertical table using ng-repeat
body: <p>I have an array of objects, I want to build a table using ng-repeat that will insert data in the correct columns.</p>
  
  <p>Right now I am doing it like this and I can't get it the correct way.</p>
  
  <p>Please see <a href="http://plnkr.co/edit/zh5FkqU6j7IWmj2Rj9EP?p=preview" rel="nofollow">Plunker for more details</a></p>
  
  <pre><code>&lt;div class container&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-12"&gt;
        &lt;table border='0' cellpadding='0' cellspacing='0'&gt;
          &lt;tr&gt;
            &lt;th&gt;Time ()&lt;/th&gt;
            &lt;th&gt;Room - One&lt;/th&gt;
            &lt;th&gt;Room - Two&lt;/th&gt;
            &lt;th&gt;Room - Three&lt;/th&gt;
            &lt;th&gt;Room - Four&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr ng-repeat="company in dataOne track by $index"&gt;
            &lt;td&gt;{{company.start}} - {{company.end}}&lt;/td&gt;
            &lt;td&gt;{{company.company}}&lt;/td&gt;
            &lt;td&gt;{{company.company}}&lt;/td&gt;
            &lt;td&gt;{{company.company}}&lt;/td&gt;
            &lt;td&gt;{{company.company}}&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/table&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Sample Data</p>
  
  <pre><code>        $scope.dataOne = [{
  
      "start": "7:30",
      "end": "8:00",
      "company": "Sony"
    }, {
      "start": "7:30",
      "end": "8:00",
      "company": "LG"
    }, {
      "start": "7:30",
      "end": "8:00",
      "company": "UPS"
    }, {
      "start": "7:30",
      "end": "8:00",
      "company": "MSI"
    }, {
      "start": "8:00",
      "end": "8:30",
      "company": "Samsung"
    }, {
      "start": "8:00",
      "end": "8:30",
      "company": "Tesco"
    }, {
      "start": "8:00",
      "end": "8:30",
      "company": "VW"
    }, {
      "start": "8:00",
      "end": "8:30",
      "company": "Audi"
    }, {
      "start": "9:00",
      "end": "9:30",
      "company": "BMW"
    }, {
      "start": "9:00",
      "end": "9:30",
      "company": "Sunoco"
    }, {
      "start": "9:00",
      "end": "9:30",
      "company": "Blizzard"
    }, {
      "start": "9:00",
      "end": "9:30",
      "company": "CS"
    }, {
      "start": "9:30",
      "end": "10:00",
      "company": "Mazda"
    }, {
      "start": "9:30",
      "end": "10:00",
      "company": "Nissan"
    }, {
      "start": "9:30",
      "end": "10:00",
      "company": "Porsche"
    }, {
      "start": "9:30",
      "end": "10:00",
      "company": "Hyundai"
    }]
    console.log($scope.dataOne)
  </code></pre>