title: Sorting columns with smart table
body: <p>I am trying to sort columns by clicking on the header item using smart table. But it does not work for me. What am I doing wrong?</p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;div class="pane pane--table1" st-table="data.content" st-safe-src="data"&gt;
    &lt;div class="pane-hScroll"&gt;
      &lt;table&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th ng-repeat="item in data.header" st-sort="{{item}}"&gt;{{item}}&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
      &lt;/table&gt;
      &lt;div class="pane-vScroll"&gt;
        &lt;table&gt;
          &lt;tbody&gt;
            &lt;div ng-include="'templates/includes/ajax_spinner.html'"&gt;&lt;/div&gt;
            &lt;tr ng-repeat="value in data.content"&gt;
              &lt;td ng-repeat="(key, val) in value[0]"&gt;{{val}}&lt;/td&gt;
            &lt;/tr&gt;
          &lt;/tbody&gt;
        &lt;/table&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>