Сортировка сгенерированной ng-таблицы не работает

Я хотел бы отобразить что-то вроде этого:

И, щелкнув заголовок столбца (th), отсортируйте мою таблицу. Но мне не удается использовать компонент ng-table с моей структурой данных. Таблица отображается правильно, но сортировка не работает.

Демонстрация не работает

HTML

<table ng-table="tableParams" class="table">
    <tr class="keyword-info">
        <th></th>
        <th ng-repeat="keyword in AppKeywords[0].keywordDensity">{{keyword.keyword}}</th>
    </tr>
    <tr class="keyword-info" ng-repeat="app in AppKeywords">
        <td><span class="bold">{{app.name}}</span><br>{{app.totalKeywordDensity}}% ({{app.totalKeywordCount}})</td>
        <td sortable="'stats.density'" ng-repeat="stats in app.keywordDensity">{{stats.density}}% ({{stats.number}})</td>
    </tr>
</table>

Контроллер

$scope.tableParams = new ngTableParams({
    page: 1,            // show first page
    count: 10          // count per page
}, {
    total: $scope.AppKeywords.length, // length of data
    getData: function($defer, params) {

        var orderedData = params.sorting() ?
            $filter('orderBy')($scope.AppKeywords, params.orderBy()) :
            $scope.AppKeywords;

        $scope.AppKeywords = $filter('orderBy')($scope.AppKeywords, params.orderBy());
        $defer.resolve($scope.AppKeywords);
    }
});

ПриложениеКлючевые слова: