title: smart-table ng-repeat not rendering dynamic columns properly
body: <p>html</p>
  
  <pre><code>&lt;table st-table="ApplicationData.displayedCollection" class="table table-striped" st-safe-src="ApplicationData.source"&gt;
      &lt;thead&gt;
          &lt;tr ng-repeat="col in ApplicationData.columns"&gt;
              &lt;td st-sort="{{col.name}}"&gt;{{col.caption}}&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
  </code></pre>
  
  <p></p>
  
  <p>js</p>
  
  <pre><code>$scope.ApplicationData = {
  source: [],
  displayedCollection: [],
  columns: [{ name: 'APPLICATION_CODE', caption: 'Code', isSort: true },
          { name: 'APPLICATION_NAME', caption: 'Application', isSort: true   }],
  };
  </code></pre>
  
  <p>output</p>
  
  <pre><code>&lt;table st-table="ApplicationData.displayedCollection" class="table table-striped" st-safe-src="ApplicationData.source"&gt;
      &lt;thead&gt;
          &lt;tr ng-repeat="col in ApplicationData.columns" class="ng-scope"&gt;
          &lt;td class="ng-binding"&gt;Code&lt;/td&gt;&lt;/tr&gt;
          &lt;tr ng-repeat="col in ApplicationData.columns" class="ng-scope"&gt;
          &lt;td class="ng-binding"&gt;Application&lt;/td&gt;&lt;/tr&gt;
      &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Hi, I am using this html to generate columns dynamically but wvery time I try I am getting dynamically generated rows instead. please review my enclosed code and let me know the issue.</p>