Fixed #140

Author: Zizzamia

src/component/table.js

@@ -299,11 +299,17 @@ angular.module('ngTasty.component.table', [
     if ($scope.theadDirective && $scope.header.columns.length) {
       reverse = $scope.header.sortOrder === 'asc' ? false : true;
       listSortBy = [function(item) {
-        return item[$scope.header.sortBy];
+        return $scope.header.sortBy.split('.')
+        .reduce(function (previousValue, currentValue) {
+          return previousValue[currentValue];
+        }, item);
       }];
       if ($scope.header.columns[0].key !== $scope.header.sortBy) {
         listSortBy.push(function(item) {
-          return item[$scope.header.columns[0].key];
+          return $scope.header.columns[0].key.split('.')
+          .reduce(function (previousValue, currentValue) {
+            return previousValue[currentValue];
+          }, item);
         });
       }
       if ($scope.header.sortBy) {
@@ -548,6 +554,13 @@ angular.module('ngTasty.component.table', [
         });
       }
 
+      function cleanSortBy (sortBy) {
+        if (sortBy) {
+          return $filter('cleanFieldName')(sortBy);
+        }
+        return undefined;
+      }
+
       scope.setColumns = function () {
         var width, i, active, sortable, sort, 
             isSorted, isSortedCaret;
@@ -589,14 +602,14 @@ angular.module('ngTasty.component.table', [
                             'each column table header');
           }
           sort = $filter('cleanFieldName')(column.key);
-          if (scope.header.sortBy === '-' + sort) {
+          if (cleanSortBy(scope.header.sortBy) === '-' + sort) {
             if (tastyTable.config.bootstrapIcon) {
               isSorted = '';
               isSortedCaret = 'caret';
             } else {
               isSorted = scope.iconDown;
             }
-          } else if (scope.header.sortBy === sort) {
+          } else if (cleanSortBy(scope.header.sortBy) === sort) {
             if (tastyTable.config.bootstrapIcon) {
               isSorted = 'dropup';
               isSortedCaret = 'caret';
@@ -627,7 +640,7 @@ angular.module('ngTasty.component.table', [
         }
         var columnName, sortOrder;
         columnName = $filter('cleanFieldName')(column.key);
-        if (scope.header.sortBy === columnName) {
+        if (cleanSortBy(scope.header.sortBy) === columnName) {
           sortOrder = 'dsc';
         } else {
           sortOrder = 'asc';

src/component/test/fixture.js

@@ -137,10 +137,24 @@ angular.module('mockedAPIResponse',[])
   ],
   'rows': [
     {
-      'name': 'Andytown Coffee Roasters',
+      'name': 'Blue Bottle',
+      'metadata': {
+        'star': '★★★★★',
+        'sf-location': 'Hayes Valley'
+      }
+    },
+    {
+      'name': 'Biscoff Coffee Corner',
       'metadata': {
         'star': '★★★',
-        'sf-location': 'Outer Sunset'
+        'sf-location': 'Fisherman’s Wharf'
+      }
+    },
+    {
+      'name': 'Flywheel Coffee Roasters',
+      'metadata': {
+        'star': '★★★★★',
+        'sf-Location': 'Upper Haight'
       }
     },
     {
@@ -151,17 +165,17 @@ angular.module('mockedAPIResponse',[])
       }
     },
     {
-      'name': 'Biscoff Coffee Corner',
+      'name': 'Andytown Coffee Roasters',
       'metadata': {
         'star': '★★★',
-        'sf-location': 'Fisherman’s Wharf'
+        'sf-location': 'Outer Sunset'
       }
     },
     {
-      'name': 'Blue Bottle',
+      'name': 'CoffeeShop',
       'metadata': {
-        'star': '★★★★★',
-        'sf-location': 'Hayes Valley'
+        'star': '★★★',
+        'sf-location': 'Bernal Heights'
       }
     },
     {

src/component/test/table.spec.js

@@ -521,8 +521,8 @@ describe('Component: table', function () {
       '  <tbody>'+
       '    <tr ng-repeat="row in rows">'+
       '      <td>{{ row.name }}</td>'+
-      '      <td>{{ row.star }}</td>'+
-      '      <td>{{ row[\'sf-Location\'] }}</td>'+
+      '      <td>{{ row.metadata.star }}</td>'+
+      '      <td>{{ row.metadata[\'sf-Location\'] }}</td>'+
       '    </tr>'+
       '  </tbody>'+
       '</table>');
@@ -543,7 +543,7 @@ describe('Component: table', function () {
       expect(element.scope().header.columns[1].key).toEqual('metadata.star');
       expect(element.scope().header.columns[2].key).toEqual('metadata.sf-location');
       expect(element.scope().header.columns.length).toEqual(3);
-      expect(element.scope().rows.length).toEqual(5);
+      expect(element.scope().rows.length).toEqual(7);
       expect(element.scope().pagination.count).toEqual(5);
       expect(element.scope().pagination.page).toEqual(1);
       expect(element.scope().pagination.pages).toEqual(1);